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


免責聲明!

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



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