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


 
v-for不能進行雙向數據綁定,頁面渲染完成后,再次更改v-for遍歷的數據,js里面打印的數據看到數據值已經更改,但是頁面的數據就是沒有渲染,這是為什么呢?
vue中v-for和angularjs中的ng-repeat不用 ,它對頁面只進行一次渲染。后續如果需要更改數據且顯示在頁面上就需要想想其他辦法啦~~~
經過多次踩坑發現如下解決辦法:
1、將vue引入當前頁面,如下圖所示:
2、使用Vue.set方法來對數據進行更改及渲染,如下圖所示:

3、還可以通過另外一種方式進行處理:
$this.newFileList = $this.newFileList.filter(t => t.id != $this.fileIndex);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM