修改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不进行重新渲染的问题,到现在也没找到具体原因。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值