7、vue中v-for有時候對頁面不會從新渲染,數組變化後如何到渲染頁面

 
v-for不能進行雙向數據綁定,頁面渲染完成後,再次更改v-for遍歷的數據,js裏面打印的數據看到數據值已經更改,可是頁面的數據就是沒有渲染,這是爲何呢?
vue中v-for和angularjs中的ng-repeat不用 ,它對頁面只進行一次渲染。後續若是須要更改數據且顯示在頁面上就須要想一想其餘辦法啦~~~
通過屢次踩坑發現以下解決辦法:
一、將vue引入當前頁面,以下圖所示:
二、使用Vue.set方法來對數據進行更改及渲染,以下圖所示:

三、還能夠經過另一種方式進行處理:
$this.newFileList = $this.newFileList.filter(t => t.id != $this.fileIndex);
相關文章
相關標籤/搜索