el-table表格单选

本文主要是介绍el-table表格单选，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

 <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>

 data() {return {tableData: [],tableRadio: "",};},

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

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

隐藏调radio label的显示

   .el-radio__label {display: none;}

回显：

this.tableRadio = xxx; //直接赋值

这篇关于el-table表格单选的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---