element的el-table 解决表格多页选择数据时,数据被清空

问题:切换页码时,勾选的数据会被清空

重点看我圈出来的,直接复制,注意,我这里 return row.productId;一般大家的是 return row.id,根据接口定的唯一变量

复制代码
 :row-key="getRowKeys"​​​​​​​

 :reserve-selection="true"

  getRowKeys(row) {
        return row.productId;
      },

官方解说

参考我项目里的下方代码

复制代码
 <el-table v-loading="listLoading"
              :data="list"
                ref="multipleTable"
              border
              fit
              @selection-change="handleSelectionChange"
            :row-key="getRowKeys"
              highlight-current-row>
      <el-table-column
      :reserve-selection="true"
        type="selection"
        width="40">
      </el-table-column>
      <el-table-column align="center"
                       width="180px"
                       label="销售单号">
        <template slot-scope="scope">
          <span>{{ scope.row.orderId }}</span>
        </template>
      </el-table-column>
    </el-table>


  data () {
    return {
  getRowKeys(row) {
        return row.productId;
      },
rowSelection:'',
    }


  methods: {
  handleSelectionChange(val) {
      this.rowSelection = val;
 
    },
}
相关推荐
张元清16 分钟前
Ref 逃生舱:用 React Hook 解决闭包陈旧、回调身份不稳和强制更新
前端·javascript·面试
之歆1 小时前
DAY_13DOM操作完全指南DOM基础API与节点操作(上)
开发语言·前端·javascript·ecmascript
zhoumeina991 小时前
如何保证不同位置切换合成底图的渲染顺序
java·前端·javascript
bot5556662 小时前
企业微信ipad协议的消息引用与回复机制
javascript
AI2中文网2 小时前
App Inventor 2 向心力实验App - 探究向心力F与角速度ω、半径r、质量m的关系
前端·javascript·r语言
程序软件分享2 小时前
vue多语言交易所系统/期货/合约交易/质押生息/盲盒/挖矿/跟单源码
前端·javascript·vue.js·期货平台源码
前端毕业班2 小时前
使用 vite external 减小产物体积
前端·javascript
Rooting++2 小时前
package.json三种依赖的区别
vue.js·json
ldmd2842 小时前
Typescript 基础篇--1
前端·javascript·typescript
Amctwd2 小时前
【JavaScript】JS 异步 Promise 解析
开发语言·前端·javascript