element table多選和單選

多選

<el-table :data="tableData" border @selection-change="handleSelectionChange">

          <el-table-column type="selection" width="40px"  :selectable="handleDisable"></el-table-column>      

如果有條件判斷是否可勾選：

    handleDisable(row,index){

   //返回true或false

  }，

    handleSelectionChange(val){

        this.chek = val;

    },

 

單選

<el-table :data="tableData" border @selection-change="handleSelectionChange" ref="tb" @select-all="onSelectAll">

          <el-table-column type="selection" width="40px"></el-table-column>  

    handleSelectionChange(val){

      if(val.length > 1){

        this.$refs.tb.clearSelection()

        this.$refs.tb.toggleRowSelection(val.pop())

      }else{

        this.chek = val;

      }  

    },

    onSelectAll () {

      this.$refs.tb.clearSelection()

    },