关于Vue多重循环绑定数据页面自动刷新问题

前几天遇到多层数组循环在Vue的问题,使用的是Element+Vue开发。


页面


前端代码

这里在input失去焦点的时候触发方法,一开始不管怎么写只要一输入数据,input就会失去焦点。

因为changName方法一开始只传递循环内的item,然后更改item内对应的值,来修改绑定的值。

后来找原因,是因为v-model绑定的tab_list只要改变就会重新渲染页面导致失去焦点


解决方法:changeName传递index,从数据源更改数据,就不会导致页面刷新的问题

Tip:这里的v-model可以先自定义绑定在该循环内,比如我上面的绑定了@focus方法,在获得焦点的时候把值转换赋值一下。

你可能感兴趣的:(关于Vue多重循环绑定数据页面自动刷新问题)