vue 双向绑定哪个 v-for
答案:1 悬赏:70 手机版
解决时间 2021-03-03 19:48
- 提问者网友：且恨且铭记
- 2021-03-03 16:53
vue 双向绑定哪个 v-for
最佳答案
- 五星知识达人网友：低音帝王
- 2021-03-03 17:58
双向绑定可以绑定到同一个数组
Checked names: {{ checkedNames | json }}
这样可以不做任何处理，获得所有checked的checkbox。
可是如果需要初始化渲染，一部分checkbox被预选中，v-model需要绑定一个boolen值checked:
new Vue({
el: 'body',
data: {
list: [{checked:true,value:'a'},{checked:false,value:'b'}]
}
});
利用 filter ， map 来完成
methods: {
getChecked: function() {
// 先透过 filter 筛选出 checked 为 true 的 item
// 在透过 map 只回传 item 的 value
return this.list.filter(item => item.checked).map(item => item.value)
}
}
Checked names: {{ checkedNames | json }}
这样可以不做任何处理，获得所有checked的checkbox。
可是如果需要初始化渲染，一部分checkbox被预选中，v-model需要绑定一个boolen值checked:
new Vue({
el: 'body',
data: {
list: [{checked:true,value:'a'},{checked:false,value:'b'}]
}
});
利用 filter ， map 来完成
methods: {
getChecked: function() {
// 先透过 filter 筛选出 checked 为 true 的 item
// 在透过 map 只回传 item 的 value
return this.list.filter(item => item.checked).map(item => item.value)
}
}
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯