vue.js v-for中v-model该如何获取checkbox的值？

Question

效果如下：

目前单选框可以获取value值，但是多选框只能获取到true或者false，而且只有一条。

而且获取到的数据格式也不太理想，想请教下如何才能获取到每一项的选中项的值呢？

Answer 1

在你的list外包一层form 直接获取form数组的值即可。

参考http://element.eleme.io/#/zh-... 动态增减表单项。

Answer 2

picked绑定成一个数组，再多来几个checkbox，你就知道了。我看你绑定的是对象吧。

Answer 3

Answer 4

你这个弄得也太复杂了吧，直接将input的v-model绑定在data里的一个数组就行了，当要button绑定输出字符事件时，直接methods的function绑定console.log(this.title）不就好了