修改vue的数据后没有对dom进行重新渲染
记录下开发时遇到的vue的一个问题。前端使用的是layer(2.3.0) + vue.js(2.5.16) 。正常情况,用vue对input框进行了双向绑定后,对vue的数据进行修改,vue会对被修改数据对应的input框进行重新渲染。而我需要的情况是: 在js中对vue的数据进行修改后,只有在特定条件下vue才会进行重新渲染,否则input框中还是显示修改之前的数据。通...
·
记录下开发时遇到的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不进行重新渲染的问题,到现在也没找到具体原因。
更多推荐
已为社区贡献1条内容
所有评论(0)