美文网首页
解决el-table 多选下一页消失的问题

解决el-table 多选下一页消失的问题

作者: 阿克兰 | 来源:发表于2020-09-04 18:09 被阅读0次
  <el-table   ref="multipleTable"
                  :data="patentList"   :row-key="getRowKey"  @selection-change="handleSelectionChange">  // :row-key="getRowKey"  加一下这个
                  <el-table-column type="selection" width="55" :reserve-selection="true"></el-table-column>  //reserve-selection="true"  这个得加一下
                  ......

 </el-table>
  watch: {
// 监听数据变化时候,改变选择
     patentList(val){
         val.forEach((item,i)=>{
              this.multipleSelection.forEach((multItem,j)=>{
                  if(item.id==multItem.id){
                      this.$refs.multipleTable.toggleRowSelection(item,true);//这步操作是让  页面显示选中的数据
                  }
              })
          })
     }

  },
methods:{
    getRowKey:function(row){
         return row.id
      },
 handleSelectionChange(val) {
      this.multipleSelection = val;
      console.log(this.multipleSelection )
    },


}

相关文章

网友评论

      本文标题:解决el-table 多选下一页消失的问题

      本文链接:https://www.haomeiwen.com/subject/ructektx.html