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; //直接赋值
    
相关推荐
许彰午17 小时前
政务督办的分合模式:主办协办的并发审批
前端·javascript·政务
陳陈陳17 小时前
🚀 前端流式输出革命:SSE + BFF 架构从零到一实战指南
vue.js·架构·node.js
易筋紫容17 小时前
创建型模式:对象的诞生艺术
开发语言·前端·javascript
0_Error_19 小时前
猫国建设者 修改资源 自动采集
javascript
贩卖黄昏的熊19 小时前
NestJS简明教程——安全
开发语言·javascript·安全·typescript·nest.js
贩卖黄昏的熊19 小时前
NestJS简明教程——异常处理和日志
javascript·node.js·nest.js
黄泉路醉s21 小时前
在Vant+Vue+TypeScript的H移动前端使用UnoCSS
前端·vue.js·typescript
海带紫菜菠萝汤1 天前
FFmpeg.wasm 实践:在浏览器中运行 FFmpeg 的能力边界与性能瓶颈
前端·javascript·ffmpeg·音视频·wasm
名字还没想好☜1 天前
React 受控输入框光标跳到末尾:格式化输入时的 selection 丢失 bug 与修复
前端·javascript·react.js·bug·react·next.js
upgrador1 天前
桌面应用开发:Electron 与 NSIS 的关系、打包流程及 Windows 本地构建实战
javascript·windows·electron