element-ui 中 table中加入radio

📅 2026/7/16 1:13:19 👁️ 阅读次数 📝 编程学习
element-ui 中 table中加入radio

最近做项目,radio选中一行数据后执行更新(随意的名字)操作,DB中数据修改了,需要重新查询,然后按查询出来的isSelected是否为1判断radio是否选中。
html

<el-table :data="versionList" size="small"> <el-table-column label="选择版本" show-overflow-tooltip> <template scope="scope"> <el-radio class="radio" v-model="radio" :label="scope.row.isSelected">&nbsp; </el-radio> </template> </el-table-column> </el-table>

js

data() { return { radio:'1' } }

事件执行代码

//再次查询数据之前重新赋值radio的值,相当于初始化,恢复radio this.radio='1'; //重新执行相应查询方法查询修改后的DB中数据,此时DB数据中isSelected可能已经更新了。 .... 执行查询方法