修改vue的数据后没有对dom进行重新渲染

记录下开发时遇到的vue的一个问题。前端使用的是layer(2.3.0) + vue.js(2.5.16) 。

正常情况,用vue对input框进行了双向绑定后,对vue的数据进行修改,vue会对被修改数据对应的input框进行重新渲染。

而我需要的情况是:

        在js中对vue的数据进行修改后,只有在特定条件下vue才会进行重新渲染,否则input框中还是显示修改之前的数据。通过浏览器debug跟踪发现原因是vue没有进行重新渲染导致的。后来在vue的api中发现一个方法 vm.$forceUpdate(); 最终问题解决了。

      (vm.$forceUpdate(): 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。)这是vue官网给出的说明。

         当然更深层次的原因,如何导致vue不进行重新渲染的问题,到现在也没找到具体原因。

猜你喜欢

转载自blog.csdn.net/qq_38976805/article/details/81267884