1. 程式人生 > >vue 陣列push元素 檢視沒更新

vue 陣列push元素 檢視沒更新

Vue 包含一組觀察陣列的變異方法,所以它們也將會觸發檢視更新。這些方法如下:

  • push()
  • pop()
  • shift()
  • unshift()
  • splice()
  • sort()
  • reverse()

問題描述:在tap欄下,給每個tab新增一行資料,預設行就可以一直新增,切換到1號的tab新增時,陣列已經新增成功,但是檢視就是沒有變化,來回切換才手動更新 

分析:由於 JavaScript 的限制,Vue 不能檢測以下變動的陣列

解決:使用了_this.$set(item, 'answers', Tmp)根本沒有起作用,push是Vue的變異方法,應該可以觸發,但現在沒有。可能push在最裡層,所以沒變化。所以我就把最外面的物件做了手動更新_this.editableTabs.sort()

 

 

 

推薦網址:

https://blog.csdn.net/zifeiyu130/article/details/78950244

https://www.cnblogs.com/tugenhua0707/p/7440400.html

https://www.cnblogs.com/dabingqi/p/9180628.html

https://blog.csdn.net/weixin_35103712/article/details/64930119