vue刷新数组

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

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

this.$forceUpdate();

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

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

痛定思痛,此文谨记。

posted @ 2020-04-09 19:29  Y-X南川  阅读(2100)  评论(0编辑  收藏  举报