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);
