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;
 
    },
}
相关推荐
大师兄666822 分钟前
HarmonyOS 服务卡片开发之JS 卡片开发
javascript·华为·harmonyos·harmonyos6·formkit
Highcharts.js38 分钟前
AI向量知识谱系图表创建示例代码|Highcharts网络图表(networkgraph)搭建案例
开发语言·前端·javascript·网络·信息可视化·编辑器·highcharts
阿正的梦工坊1 小时前
React:构建用户界面的JavaScript库
javascript·react.js·ui
行走的陀螺仪1 小时前
[特殊字符] JavaScript 设计模式完全指南:从入门到精通(含20种模式)
开发语言·javascript·设计模式
KnowWhere1 小时前
Vue3 调试技巧:一键挂载组件实例到 Window(仅开发环境生效)
vue.js
胡萝卜术2 小时前
《JavaScript 语言精粹》第三章精读:对象——最基础也最容易被误解的基石
javascript
A南方故人2 小时前
vue3常用指令以及注册
前端·javascript·vue.js
helloweilei2 小时前
Vue 3 中 <script setup>顶层 await与 <Suspense>的结合使用
vue.js
ZC跨境爬虫2 小时前
跟着 MDN 学 HTML day_62:(HTML调试与常见错误修复指南)
java·前端·javascript·ui·html·媒体
浮生望3 小时前
《JavaScript语言精粹》第3章:对象——JS世界的基石
javascript