Vue不能实时双向绑定数据的问题

  • Post author:
  • Post category:vue




情景:

有一个div通过v-show绑定数据data的isClick属性来控制显示(data原本是没有isClick属性的)

当点击该某个按钮时候,为data数据设置isClick=true

但是发现点击按钮后 div并不显示,继续进行其他操作时候,div才显示(显示慢了一步)



解决:

出现这一个不能实时双向绑定现象的原因是data最开始没有isClick属性,而当点击按钮时候直接为data新添加了一个icClick属性,所以这个时候不能实时更新到dom上。

解决方法就是在定义data时候(或者在点击之前)已为data添加isClick属性,当点击时候修改isClick值为true即可。



版权声明:本文为DeepHugY原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。