Vuev-model表单数据绑定时遇到的坑，数组绑定

来源：六九路网

input1:
input2:

input2[0].tex1:{{input2[0].text1}}
input2[0].tex2:{{input2[0].text2}}

代码很简单，把input1中的⼀个数组对象拷贝给input2，但实际操作发现，执⾏拷贝函数后，input2显⽰并没有任何变化，但给拷贝函数添加consolo.log(this.input2[0])发现，input2的确已经赋值，⽽且在执⾏拷贝函数后如果再对input1进⾏数值变化，input2马上就会变化成它拷贝好的值，此次就说明model层发⽣了变化，但view层没有变，这是为什么？然后我把input2换成对象，⽽不是数组的形式

input1:
input2:

input2[0].tex1:{{input2.text1}}
input2[0].tex2:{{input2.text2}}

然后就发现input2就可以实时更新数据了使⽤ Vue.set() 的⽅式来改变、增加解决了问题

input1:
input2:

input2[0].tex1:{{input2[0].text1}}
input2[0].tex2:{{input2[0].text2}}

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文