Vue element ui table Vue Error:[ElTable] prop row-key is required


前提:element-ui、table、多選、分頁

條件:在el-table-column中使用:reserve-selection="true"來保留首頁或其他選中數據時的選中狀態

報錯: 在這里插入圖片描述
解決:在el-table上添加:row-key=“getRowKey”
注:此處將row-key值定為id

methods: {
    getRowKey(row){
         return row.id;
    }, 
}

!!!!但是這有一個不好的地方

因為row.id 分頁之后 之前保存的ID  會重復選擇  但是我們並沒有選擇這個選項  所以應該修改為

 

methods: {
    getRowKey(row){
      //不要用row.id 默認的行id   //
row.id;
      應該用自己table定義的唯一ID
      return row.waybillID
}, }

 


免責聲明!

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



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