代码是这样的:
<script>
var vm = new Vue({
el: "#app",
data: {
items: [{
id:1,
message: 'Apple',
selected: false,
num: 1,
price: 5
}, {
id:2,
message: 'Peach',
selected: true,
num: 1,
price: 10
}, {
id:3,
message: 'Orange',
selected: true,
num: 1,
price: 15
}, {
id:4,
message: 'Pear',
selected: true,
num: 1,
price: 20
}]
}
});
</script>
上面是demo,填写了些数据,实际使用的时候,items里面的数据是从后台ajax请求数据库中读取出来的,并且,没有
selected
字段,因为数据库中不需要保存,它是表示复选框是否被选中的字段。
也就是这样的:
<script>
v