vue elementUI 单选框默认值不选中,子组件传输数据 不展示
2020-06-04 06:10
615 查看
vue elementUI 单选框默认值不选中,子组件传输数据 不展示
1单选框默认值不选中
是因为label匹配值的问题,必须类型和值都对
:label=‘1’ 对应的是 int类型 的1
label = ‘1’ 对应的是字符串‘1’
2子组件传输数据 不展示
是因为传输速度跟不上,最好在@open或者@opened 事件里更新数据
<el-dialog :visible.sync="edit_Dialog_Flag" @close="closeDialog" width="600px" @opened="openedDialog">
这里获取父组件数据
watch: { userInfo: { handler(newValue, oldValue) { this.ruleForm1.id = newValue.id; this.ruleForm1.username = newValue.username; this.ruleForm1.password = newValue.password; this.ruleForm1.checkPass = newValue.password; if (newValue.gender == "男") { this.ruleForm1.gender = 1; } else if(newValue.gender == "女") { this.ruleForm1.gender = 2; } } } }
这里更新子组件的数据
//防止数据还没传输好就打开了表单 openedDialog(){ this.ruleForm = this.ruleForm1; }
相关文章推荐
- 解决element-ui循环创建单选框组件,点击只选中一次
- vue--element-ui--tree组件解决从外部按钮取消选中状态
- [vue+elementUI+echarts]echart折线图展示后台传来的数据
- vue+element ui 使用$refs获取el-dialog 下的 el-table 组件 ,以及使用table多选,默认选中
- vue+elementui中的el-table中拼接接口返回的两个字段的数据并展示
- vue动态组件 互相之间传输数据 和指令的定义
- VUE 使用新版本 element-ui 组件库 Select 组件时, value 值为对象时的 BUG 处理
- vue+elementUi图片上传组件使用详解
- vue+elementUI 复杂表单的验证、数据提交方案问题
- vue-cli-element-ui-table-表格分页功能切换数据后@current-change失效的解决方案
- ElementUI radio组件选中小改造
- 本篇文章使用vue结合element-ui开发tab切换vue的不同组件,每一个tab切换的都是一个新的组件。
- 使用element中的table组件,如何单击某一行数据时选中对应的复选框
- vue+element-ui简单制作后台管理系统以及element table组件的应用
- vue.js前端开发,利用echarts组件实现动态数据展示
- 完美解决Vue+element-ui 中upload组件使用多个时无法绑定对应的元素
- Vue整合Element-UI的分页组件实现分页
- 如何在vue项目中使用递归组件配合Element-ui布局侧边栏
- Vue + ElementUI实现树形表格(表格树形数据)
- vue-cli3.0+element-ui上传组件el-upload的使用