htmlradio设置默认的按钮【vue+elementui】el-radio单选框默认选中以及v-model绑定值问题
value 这个属性值放在radio⾥⾯没多⼤作⽤,
在radio单选框⾥⾯ lable 相当于 radio 的 value,由此删除代码中的value属性
调整为label绑定接⼝定义好的数值类型,前端展⽰的中⽂⽂本男&⼥直接写在标签中间
<el-form-item label="性别">
<el-radio-group v-model="der" >
<el-radio label="false">男</el-radio>
<el-radio label="true">⼥</el-radio>
</el-radio-group>
</el-form-item>
上述代码发现还是 radio 单选框 还是没有选中后台返回的默认值,原因在于,上⾯ lable=“1” 这种写法数据是固定的,但是需要的是后台返回的动态数据,所以需要⽤到 v-bind,即 :lable=“true”
<el-form-item label="性别">
<el-radio-group v-model="der" >
<el-radio :label="false">男</el-radio>
<el-radio :label="true">⼥</el-radio>
</el-radio-group>
</el-form-item>
于是实现了默认绑定后台传过来的值(false:男 true:⼥)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论