在项目中遇到父子数组列表传值动态修改的需求,遇到了修改数组对象数据后不更新的问题
export default {
data () {
return {
dataList: [{show:false}, // 这里要将show的值修改为false
{show:false},
{show:true}]
}
},
后来了解到在 vue 中是无法检测到根据索引值修改的数据变动的,
并且this.$set(this.dataList[index], show
, false)这种写法并不能更新,
建议采取下列方式修改:
this.dataList[index].show = false;
Vue.set(this.dataList, index, this.dataList[index]);
参考文献:https://segmentfault.com/q/1010000012375354/a-1020000012377603