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;
 
    },
}
相关推荐
程序饲养员41 分钟前
ReactRouter7.5: NavLink 和 Link 的区别是什么?
前端·javascript·react.js
拉不动的猪1 小时前
设计模式之------命令模式
前端·javascript·面试
uhakadotcom2 小时前
Bun vs Node.js:何时选择 Bun?
前端·javascript·面试
前端snow2 小时前
前端工程师看docker是什么?
前端·javascript·docker
鱼樱前端2 小时前
技术路线升级:从“纯前端”到“高价值前端”
前端·javascript
堕落年代3 小时前
Uniapp当中的async/await的作用
前端·javascript·uni-app
vjmap3 小时前
如何一键自动提取CAD图中的中心线(如墙体、道路、巷道中心线等)
前端·javascript·gis
小鱼儿20204 小时前
vue入门:函数式组件
前端·javascript·vue.js
uhakadotcom4 小时前
🚀 使用 Bun 快速搭建 HTTP 服务器:一步步教程
前端·javascript·面试
大叔_爱编程4 小时前
wx212基于ssm+vue+uniapp的科创微应用平台小程序
vue.js·小程序·uni-app·毕业设计·ssm·课程设计·科创微应用平台小程序