vue, 改变v-if绑定的布尔值后, dom没有立即更新, 为什么, 有什么解决方式?

图片描述

一组可以鼠标拖动(mousedown mousemove mouseup, 改变left的值)的图片

双击其中一张图片改变其对应的v-if的布尔值(以删除该图片), 但视图没有立即更新, 而是在继续拖动这组图片时才更新(被删除了)

应该是和vue的响应原理有关, 然而因为初学, 并不是很理解, 求指导?

阅读 7.3k
3 个回答

终于解决了!原因是vue无法监控对象属性的增删,需要通过Vue.delete删除。

你可以watch监听一下,你v-if里判断的值,在视图上展示这个值,看有没有更新。如果是data里一个单独的布尔值控制。应该是可以立即更新的。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题