VUE el-table单选行

一、表格配置

<el-table ref="multipleTable" @row-click="handleRowClick"  @selection-change="handleSelectionChange"

（1）ref="multipleTable"

（2）@row-click="handleRowClick"

 （3） @selection-change="handleSelectionChange"

二、事件控制

  data() {
    return {
      //存储表格选中的行数据
      multipleSelection:[],



  methods: {

    // 多选框选中数据
    handleSelectionChange(selection) {
      if(selection.length>1){
        this.$refs.multipleTable.clearSelection();
        this.$refs.multipleTable.toggleRowSelection(selection.pop());
      }else{
        this.multipleSelection=selection.pop();
      }
      //this.ids = selection.map(item => item.driverId)
      //this.single = selection.length!=1
      //this.multiple = !selection.length
    },
    /**表格单选行资料处理*/
    handleRowClick(row,column,event){
      this.$refs.multipleTable.toggleRowSelection(row);
    },

三、获取行选中资料处理业务

    /**选择司机*/
    select(){
      this.$emit("changeRelatedDriver",this.multipleSelection.driverId);
    },