使用element的table組件,新增屬性,改變table數據的值,解決視圖不刷新問題


 

 

 如圖,通過點擊“添加按鈕”,新增屬性projectNames(巡檢項目),渲染視圖“測試項目,Test項目”。由於table表格是通過v-for渲染而來的,所以巡檢項目不能使用全局變量,所以在點擊“添加”按鈕時攜帶row和index來區分不同的項,

 

 table表格綁定的數據原來是沒有projectNames屬性的,使用$set為其添加新屬性,但是發現表格仍然不能及時更新,

寫this.tableData.splice(1,0)可以 告訴表格綁定的數據發生了變化使其及時刷新。經查閱,還有一種方法,在改變數據之后,添加一行代碼this.$forceUpdate()可強制刷新視圖,但試過並未生效。

 

 


免責聲明!

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



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