vue双向数据绑定失效

1、如果data里面只定义了对象,对象里面的键值没有,getter/setter函数无法监听到数据变化,会导致此现象发生;

解决办法为调用vue的set函数,设置需要绑定的键值:

Vue.set(obj,key,value)
  Or
this.$set(obj.key,value)

 

2、如果数据层次太多,例如数组包对象,对象包数组,多层嵌套,会出现v-if调用失效,页面不重新渲染问题;

解决办法为在数据处理完成之后调用$forceUpdate()发放:

this.$forceUpdate()

  

posted @ 2020-04-06 10:10  zaijinyang  阅读(5388)  评论(0编辑  收藏  举报