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
}, }

 

posted @ 2020-10-14 11:14  lonelyshy  阅读(1424)  评论(0编辑  收藏  举报