element-ui 中 table中加入radio
2018-09-14 20:30
1976 查看
最近做项目,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"> </el-radio> </template> </el-table-column> </el-table>
js
data() { return { radio:'1' } }
事件执行代码
//再次查询数据之前重新赋值radio的值,相当于初始化,恢复radio this.radio='1'; //重新执行相应查询方法查询修改后的DB中数据,此时DB数据中isSelected可能已经更新了。 .... 执行查询方法阅读更多
相关文章推荐
- ElementUI Table公共组件,快速完成table功能搭建
- element-ui循环显示radio控件信息的方法
- vue2.0基于vue-cli,element-ui饿了么vue前端开源项目制作vue的树形table,treeTable
- vue element ui table 过滤功能实现
- element-ui中table表头添加元素(或者图标)
- vue+elementui的table行内实现el-upload文件添加/多文件上传
- element-ui:table相关汇总和积累贴
- 当你用element-ui遇到需要在el-table-column上v-for时,这篇文章你能用的上,也就是你需要二级循环
- element-ui 的el-radio-group组件
- elementUI Table组件实现拖拽效果
- 实现element-ui中table点击一行展开
- Element-UI在safari浏览器下table列表无法对齐的问题
- element-ui 自定义弹框,加入图片
- Element-UI table排序问题
- Element UI的表格table列的宽度自适应设置
- 【踩坑+实践】 ElementUI +Vue table表头添加tooltip
- vue+element ui 使用$refs获取el-dialog 下的 el-table 组件 ,以及使用table多选,默认选中
- element ui table scrollTop 滚动到行头或行尾
- 使用Element-ui的Table时表格不能显示问题
- Element-ui table中过滤条件变更表格内容