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