<el-table
      ref="table"
      border
      :data="list"
      default-expand-all
      row-key="id"
      :tree-props="{ children: 'children' }"
      @select="setSelectRows"
      @select-all="selectAll"
    >
      <el-table-column show-overflow-tooltip type="selection" />
      <el-table-column label="学员" prop="name" show-overflow-tooltip />
      <el-table-column label="手机号" prop="phone" show-overflow-tooltip />
  </el-table>

      const state = reactive({
        table: null,
      })

const setSelectRows = (selection) => {
          if(selection.length > 1){
            const del_row = selection.shift()
            state.table.toggleRowSelection(del_row,false) //设置这一行取消选中
         }
      }

      // 点击表头的全选复选框触发
      const selectAll = (selection) => {
          $baseMessage('只能单选哦!', 'error', 'vab-hey-message-error')
          state.table.clearSelection()
          return
        
      }

Logo

新一代开源开发者平台 GitCode,通过集成代码托管服务、代码仓库以及可信赖的开源组件库,让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐