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; //直接赋值
    
相关推荐
梦65021 分钟前
Vue3 计算属性 (computed) 与监听属性 (watch)
前端·javascript·vue.js
六月June June36 分钟前
leaflet L.popup().setContent中挂载vue组件
前端·javascript·vue.js
软件开发技术深度爱好者38 分钟前
JavaScript的p5.js库使用详解(上)
开发语言·javascript
首席拯救HMI官38 分钟前
【拯救HMI】HMI容错设计:如何减少操作失误并快速纠错?
大数据·运维·前端·javascript·网络·学习
深蓝电商API41 分钟前
Scrapy与Splash结合爬取JavaScript渲染页面
javascript·爬虫·python·scrapy
m0_748254661 小时前
Vue.js 模板语法基础
前端·vue.js·flutter
donecoding1 小时前
AI时代程序员的护城河:让AI做创意组合,用标准化工具守住质量底线
javascript·架构·代码规范
明月_清风1 小时前
Async/Await:让异步像同步一样简单
前端·javascript
倔强的钧仔1 小时前
拒绝废话!前端开发中最常用的 10 个 ES6 特性(附极简代码)
前端·javascript·面试
喔烨鸭1 小时前
vue3中使用原生表格展示数据
前端·javascript·vue.js