el-table表格单选

el-radio是要传给后端的字段名 

 <el-table :data="tableData" class="table" ref="table" 
          height="485px" :row-key="(row) => row.id" @row-click="rowClick">
          <el-table-column label="选择" width="55" align="center">
            <template slot-scope="scope">
              <el-radio :label="scope.row.num" v-model="tableRadio">{
  { '' }}
              </el-radio>
            </template>
          </el-table-column>
 </el-table>
 data() {
    return {
      tableData: [],
      tableRadio: "",
    };
  },

 val.xxx赋值为需要传给后端的字段名

    // 选择项目 单选样式
    rowClick(val) {
      this.tableRadio = val.num
;
    },

隐藏调radio label的显示

   .el-radio__label {
      display: none;
    }

回显:


      this.tableRadio = xxx; //直接赋值
    

相关推荐

  1. element el-table表格默认勾toggleRowSelection失效问题

    2023-12-12 09:56:03       41 阅读
  2. el-table 表格自带全按钮隐藏

    2023-12-12 09:56:03       25 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-12 09:56:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-12 09:56:03       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-12 09:56:03       82 阅读
  4. Python语言-面向对象

    2023-12-12 09:56:03       91 阅读

热门阅读

  1. npm install报错ERR code ETIMEDOUT的解决办法

    2023-12-12 09:56:03       60 阅读
  2. 使用npm时一直idealTree:npm: sill idealTree buildDeps

    2023-12-12 09:56:03       54 阅读
  3. devecho stuido npm 失败

    2023-12-12 09:56:03       64 阅读
  4. Python打印列表

    2023-12-12 09:56:03       55 阅读
  5. qt day3

    qt day3

    2023-12-12 09:56:03      62 阅读
  6. Kafka使用总结

    2023-12-12 09:56:03       57 阅读
  7. 【UML】NO.1 UML简介

    2023-12-12 09:56:03       64 阅读
  8. Docker的常用命令(没有废话)

    2023-12-12 09:56:03       52 阅读