vue v-for loop array
<script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<div id="sample">
<div v-if = "private.folders!=null" v-for="folder in private.folders">
{{folder.name}}
<div v-for="check in folder.checks">
{{check.name}}
</div>
</div>
</div> new Vue({
el: '#sample',
data: {
private: {
folders : [{
name : 'folder1',
checks : [
{ name : 'check1.1' },
{ name : 'check1.2' }
]
},
{
name : 'folder2',
checks : [
{ name : 'check2.1' },
{ name : 'check2.2' }
]
}
]
}
}
})
Also in JavaScript:
- creating a nested loop of a chessboard in javascript
- javascript echo
- access css property using javascript
- javascript append to json
- javascript remove duplicate in two arrays
- js for
- ajax file upload from modal
- callout react
- js how to add two arrays together
- javascript validate email address
- object destructuring into this
- create fooer on print page with jquery
- javascript repeat each second
- javascript array of objects access properties
- react redux cheat sheet
- dice roller javascript
- send random memes discord.js
- sort function explained javascript
- javascript while loop
- javascript is undefined
- javascript 1 line if
- Enclose in Brackets
- react native styles for both platforms
- javascript dollar sign