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; //直接赋值
    
相关推荐
前端小L7 分钟前
专题二:核心机制 —— reactive 与 effect
javascript·源码·vue3
代码老祖8 分钟前
vue3 vue-pdf-embed实现pdf自定义分页+关键词高亮
前端·javascript
未等与你踏清风8 分钟前
Elpis npm 包抽离总结
前端·javascript
林恒smileZAZ10 分钟前
【Vue3】我用 Vue 封装了个 ECharts Hooks
前端·vue.js·echarts
前端小菜鸟也有人起17 分钟前
浏览器不支持vue router
前端·javascript·vue.js
腥臭腐朽的日子熠熠生辉20 分钟前
nest js docker 化全流程
开发语言·javascript·docker
奔跑的web.20 分钟前
Vue 事件系统核心:createInvoker 函数深度解析
开发语言·前端·javascript·vue.js
再希25 分钟前
TypeScript初体验(四)在React中使用TS
javascript·react.js·typescript
江公望31 分钟前
VUE3中,reactive()和ref()的区别10分钟讲清楚
前端·javascript·vue.js
徐同保1 小时前
上传文件,在前端用 pdf.js 提取 上传的pdf文件中的图片
前端·javascript·pdf