vue + element-ui table组件多页选择数据回显,分页记录保存选中的数据

1.安装 element-ui @2.6.1版本(高版本不支持)

npm install [email protected]

2.在table表单中添加 :row-key="getRowKeys" 和 :reserve-selection="true"

reserve-selection -->仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的数据(需指定 row-key


          
          
          
          

3.在data的return中定义:

data () {
   return {
      getRowKeys(row) {
          return row.id;
      },
      multipleSelection: [],   // 当前页选中的数据
      tableData: [] // 表格数据
   }  
}

4.js

handleSelectionChange(val){
  this.multipleSelection = val;//勾选放在multipleSelection数组中
},

你可能感兴趣的:(vue + element-ui table组件多页选择数据回显,分页记录保存选中的数据)