实现elementUI的Table 表格表格只能同时选中一行

 

<el-table
          height="94.8%"
          ref="multipleTable1"
          type="index"
          border
          style="width: 96%; border-bottom: 1px solid black"
          :data="tableData1"
          @select="select"
        >
          <el-table-column type="selection"></el-table-column>

          <el-table-column
            prop="sectionDataName"
            sortable
            label="名称"
          ></el-table-column>
          <el-table-column
            prop="sectionDataDescribe"
            align="center"
            sortable
            label="数据描述"
          ></el-table-column>
        </el-table>

methods

select(selection, row) {
      this.timeData = row
      if (selection.length > 1) {
        let del_row = selection.shift() 
        this.$refs.multipleTable1.toggleRowSelection(del_row, false) // 用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）
      }
    },

如果有组件套用

this.$refs.multipleTable1.$children[0].toggleRowSelection(
          del_row,
          false
        )