el-table表格单选

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

html 复制代码
 <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>
javascript 复制代码
 data() {
    return {
      tableData: [],
      tableRadio: "",
    };
  },

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

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

隐藏调radio label的显示

css 复制代码
   .el-radio__label {
      display: none;
    }

回显:

javascript 复制代码
      this.tableRadio = xxx; //直接赋值
    
相关推荐
circuitsosk13 小时前
任务规划器的三种范式对比:ReAct、Plan-and-Execute 与 Tree-of-Thought 在真实业务中的取舍
前端·javascript·python·react.js·llm·ai agent
小磊哥er14 小时前
深入解构Claude Code - 第 12 篇 · 整体串起来
javascript·ai编程
小磊哥er15 小时前
深入解构Claude Code - 第 11 篇 · 工程上的讲究
javascript·ai编程
独立开发之道17 小时前
【three.js教程】Three.js 运行时更新:矩阵、几何体、材质怎么改才不卡
javascript·矩阵·材质
默_笙18 小时前
🌃 HTTP 不认识你:JWT 登录鉴权的完整"酒店入住"指南
前端·javascript
奋斗吧程序媛19 小时前
CSV文件导入功能
开发语言·javascript·ecmascript
天道kabuto19 小时前
vue-i18n 升级 9.x 踩坑:正则表达式引发的“花括号”惨案
vue.js
梨想橙汁19 小时前
JS 核心语法:运算符流程控制、函数、数组与对象实战详解
前端·javascript
七牛开发者19 小时前
拆解 dsh:Turn 与 Step 如何组织 Agent 主循环
前端·javascript·人工智能
空想兔19 小时前
前端网络请求的前世今生:从 Ajax、XHR 到 Fetch 和 Axios
javascript