Adding Vue directives to elements programmatically: a step-by-step guide to v-if
P粉883973481
2023-09-07 13:54:54
0
1
488
We can add custom attributes to elements programmatically using pure JS, likeelement.attr('data-attr', someValue), but likev-ifWhat about the Vue directive
Given the following elements
How to add v-if programmatically? I'm asking this for automation purposes as there will be hundreds of dynamic variables that may or may not exist.
The expected result is
The only step I know of is to userefto get the element increated().
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
- About us Disclaimer Sitemap
- php.cn：Public welfare online PHP training，Help PHP learners grow quickly！
According to the declaration -There will be hundreds of dynamic variables that may or may not exist.But if I see in your comment, you said>No loops. So how do you render dynamic elements?
From my understanding, you want to dynamically bind the data attributes into the HTML template. You can give this solution a try and see if it meets your requirements.
new Vue({ el: '#app', data: { data: { heading: 'Heading 1
', title: 'Title 1
' } } })The code snippet above always works with existing dynamic properties.