vue动态生成checkbox绑定数据写一个程序

Vue.js 可以使用 v-for 指令和 v-model 指令动态生成 checkbox 并绑定数据。下面是示例代码：<div id="app">
<input type="checkbox" v-for="item in items" v-model="selected">{{ item }}
</div><script>
new Vue({
el: '#app',
data: {
items: ['Apple', 'Banana', 'Orange'],
selected: []
}
})
</script>

相关问题

vue动态生成checkbox绑定后端数据后选中默认值写一个程序

Vue.js可以使用v-for指令来循环遍历数据，并且在迭代时可以绑定checkbox的值。下面是一个示例程序：<div id="app">
<input type="checkbox" v-for="item in data" :value="item.value" v-model="selected" :key="item.value" />
</div><script>
new Vue({
el: '#app',
data: {
data: [
{value: '1'},
{value: '2'},
{value: '3'}
],
selected: '1'
}
})
</script>

vue动态生成多选checkbox绑定后端数据后选中默认多选的值写一个程序

可以使用 v-for 指令来动态的生成多选 checkbox，并利用 v-model 来绑定后端数据，然后使用 v-bind:true-value 来设置默认勾选的值，示例如下：<div v-for="item in items" :key="item.id">
<input type="checkbox" v-model="checkedItems" v-bind:true-value="item.value"> {{item.text}}
</div>