vue2 页面强制渲染
项目场景:
在项目开发过程中,运用到vue2框架进行项目开发,在开发中,给列表添加数据数据,进行增删改查操作。
问题描述
在开发中,给列表添加了数据之后,页面进行了渲染,页面也发生了变化,但是事件缺没有绑定,导致增删改查操作失效。
原因分析:
原因一:代码逻辑有问题。经排查pass。
原因二:会回调的过程中,页面渲染失败。因为在for循环中,调用实例进行组件渲染;又因为数据又部分确实,导致渲染失败,绑定时间失效。
解决方案:
在添加组件进行回调时,对整个页面进行强制渲染。主要运用到单页面。vue2的强制渲染方法如下:
this.$forceUpdate()
如果上面的方法失效,也可以用$set方法对数据进行更新。这种方法对组件更新有效:
this.$set(array() || object,key,newVal)
this.$set(数组或对象,键值,新值)