vue动态生成checkbox绑定后端数据后选中默认值写一个程序
时间: 2023-03-19 17:21:05 浏览: 134
vue + element ui 动态生成组件,并获取选定值
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>
阅读全文