胖恒小站 
转载请注明出处: 胖恒小站
本文的链接地址: https://pangheng.com/juejin/488.html
问题描述
element-ui Radio 单选框组件设置了默认值（直接写在数据模型中，或者由接口返回），界面上却没有选中，有时候还会造成单选框点击无效果，这是为什么呢？。
这通常是由于数据类型的问题导致，如数字/布尔等类型，问题常见于单选框回显，如性别选择。
案例解析
比如我们有个需求是要选择性别，并且默认选中男，通常组件是这样写的：
<template> <el-radio v-model="gender" label="1">男</el-radio> <el-radio v-model="gender" label="0">女</el-radio> </template>
我们用1代表男，0代表女，因为label前面没有加冒号，此时label是字符串1、0， 如果我们的数据模型gender设置的默认值，或赋值给gender的请求返回值是数字1，则该Radio单选框组件就会出现选不中男的情况
解决办法
我们只要保证label的值和数据模型gender的值完全一样即可，包括数据类型。
总结
请求中为数字/布尔的字段要多加注意，类型问题会导致很多bug出现。
在一些v-if判断是时候也会出现这个问题，多注意数据类型
上一篇
键盘Keycode对照表
您可能对以下文章感兴趣
@市场：是说会自动换行吗，这个是bug，...
#emlog主题模板 beginning 更新至v2.6.1#
约 10 小时前，这个去掉就OK了
#emlog主题模板 beginning 更新至v2.6.1#
😂fenxi.me这个域名真好
#友情链接#
@叽叽：开源了的，https://git...
#vue.js组件之手写签名板vue-signature-simple#
那个demo开源了吗
#vue.js组件之手写签名板vue-signature-simple#
模板安装后，插件也启用了，但是点击设置，...
#留言板#