无需循环就可以把数据添加到数组相应位置、动态往数组对象中添加数据、对象类型数据的妙用

1、关键代码

new Vue({ el: "#app", data() { return { tableData: [ { id: 1, title: "标题-1", options: [], value: '' }, { id: 2, title: "标题-2", options: [], value: '' }, { id: 3, title: "标题-3", options: [], value: '' } ], } }, methods: { focusSelect(item) { if (item.id % 2 == 0) { item.options = [ { value: '1', label: 'label-1' }, { value: '3', label: 'label-3' }, { value: '5', label: 'label-5' } ]; } else { item.options = [ { value: '2', label: 'label-2' }, { value: '4', label: 'label-4' }, { value: '6', label: 'label-6' } ] } } } }); 

2、完整代码

gitee(码云) - mj01分支 - dynamicAddData 文件夹