element設置表格默認勾選


element 官網多選新效果 https://element.eleme.cn/#/zh-CN/component/table#table-column-scoped-slot

element官網有設置表格默認選中狀態的效果,但是很多時候都是后端獲取數據后再進行展示,這個時候就有了一個異步的效果,如果又是放在彈出窗內,那又有了dom渲染的一個事情

  1. 第一步獲取數據(選中的數據以及表格展示的數據)這里的兩個數據必須是同一個對象的數據,也就是數據必須是表格當中的數據,而且 不能深拷貝
  2. 設置表格數據
  3. 設置完成后,在dom掛載之后執行官網中寫的  this.$refs.multipleTable.toggleRowSelection(row);  這里需要用vue官網的 Vue.nextTick( [callback, context] )

以上三步才能設置,設置選中數據必須在dom視圖更新后執行

 

 


免責聲明!

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



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