言简意赅的 el-table 跨页多选

言简意赅的 el-table 跨页多选_第1张图片

步骤一

 在:row-key="getRowKeys"@selection-change="handleSelectionChange"

 在type="selection"那列,添加:reserve-selection="true"


    
     
     
     
      
       
      
      
       
      

步骤二

methods: {
    getRowKeys(row) {
      return row.id;
    },
    handleSelectionChange(e) {
      console.log(e,"被选中数据")
      this.addDeviceData = e;
    },
}

提示

在开发过程中,示如我遇到的需求, 展示在弹框中。第二次点击近弹窗,要求数据不选择。那么可以在弹框关闭时的事件中加上这行代码。

this.$refs.multipleTable.clearSelection(); //取消全部选中

你可能感兴趣的:(vue.js,elementui,javascript)