美文网首页Vue爬坑专栏
关于Vue多重循环绑定数据页面自动刷新问题

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

作者: 防脱发敲代码 | 来源:发表于2019-10-16 14:01 被阅读0次

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

    页面 前端代码

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

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

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

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

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/uaaymctx.html