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; //直接赋值
    
相关推荐
天才熊猫君1 小时前
配置与数据分离:一种可视化搭建的属性编辑方案
前端·javascript
林希_Rachel_傻希希1 小时前
web性能之相关路径——AI总结
前端·javascript·面试
不好听6131 小时前
从零搭建一个 RAG 语义搜索系统 —— DEMO的初始阶段
javascript·面试·llm
何时梦醒2 小时前
上下文工程(Context Engineering):AI 应用开发的新范式 —— 从理论到实战全解析
javascript
竹林8182 小时前
用 wagmi v2 踩坑两天,我终于搞懂了多链钱包切换在 DeFi 前端中的正确姿势
前端·javascript
用户2136610035722 小时前
Vue项目搜索功能与面包屑导航
前端·javascript
阿黎梨梨2 小时前
揭秘大语言模型的底层逻辑:从文本分词到高维向量的计算之旅
javascript·人工智能
天平11 小时前
油猴脚本创建webworker踩坑记录
前端·javascript·typescript
山河木马17 小时前
渲染管线-计算得到gl_Position(顶点着色器)之后续GPU流程
javascript·webgl·图形学
竹林81818 小时前
用 The Graph 查询链上数据实战:从手搓 RPC 到 Subgraph,我的 NFT 项目数据加载快了 10 倍
前端·javascript