困扰我两天的问题被一行代码解决了!!!

最近在做某个功能时用到了v-for,页面内容都是根据父页面传递过来的数组生成的,但是当我改变数组内容时页面不会跟着改变。这个问题足足困扰了我两天时间,最终下面的一行代码解决了我的难题:

this.$forceUpdate();

再操作完页面数据后加上这行代码,意思是强制刷新v-for的数据。可以解决v-for循环的值改变页面不刷新的问题。

之所以导致页面不刷新是由于在vue中根据下标改变数组内容时,或者改变数组长度时不会触发页面更新,只有push,splice 等操作数组时才会触发页面更新。

痛定思痛,此文谨记。

相关文章:

  • 2022-12-23
  • 2021-07-09
  • 2021-06-22
  • 2021-11-30
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-12-09
  • 2021-07-15
  • 2022-01-29
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案