element分页选择并存储选中数据

最新推荐文章于 2023-06-01 10:15:16 发布

前端路上迷茫的小鲨鱼

最新推荐文章于 2023-06-01 10:15:16 发布

阅读量337

点赞数 1

分类专栏： element vue 文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/Guoyu1_/article/details/125079994

版权

 <el-table
        :data="tableData"
        v-loading="loading"
        ref="multipleTable"
        :row-key="getRowKeys"
        tooltip-effect="dark"
        style="width: 100%"
        @selection-change="handleSelectionChange"
        :row-style="rowClass">
        <el-table-column type="selection" align="center" :reserve-selection="true"></el-table-column>
       ...

 tableData: [],    // 列表数据
 selectRow: [],    // 选中行
 selectData: [],   // 选中数据
 allSelect: false, // 列表全选与否

 watch: {
   selectData(data){
     this.selectRow = []
        if(data.length > 0){
          data.forEach((item,index)=>{
            this.selectRow.push(this.tableData.indexOf(item))
        })
      }
    }
  },

 //批量选取
 handleSelectionChange(data) {