问题描述
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判断是时候也会出现这个问题,多注意数据类型
转载请注明出处: 皮哈皮阿
本文的链接地址: https://blog.phpat.com/web/488.html
本文最后发布于2019年02月12日11:34
,已经过了2171天没有更新,若内容或图片失效,请留言反馈
emlog主题模板 beginning 更新至v2.6.1
最近更新:更新到v2.5.7
2017年08月02日 25986element-ui Radio 单选框组件默认值选不中?
请求中为数字/布尔的字段要多加注意,...
2019年02月12日 22951基于emlog开发的微信小程序开源了
基于emlog开发的微信小程序
2018年01月18日 19016emlog模版仿小米论坛版本: V2.0
仿小米论坛版本更新V2.0,本次暂时...
2012年08月07日 17513element-ui el-table 表格疯狂抖动跳动不停
element-ui el-tabl...
2019年07月11日 15035Windows7程序图标无法锁定到任务栏的解决办法
2012年07月19日 13218
@子恒:😂躺平吧,世界都跟你没关系
你写得非常清晰明了,让我很容易理解你的观...
Emlog插件RSS订阅器发布
一直到今天,还没10天,我支付宝里仅剩7...
@樊鑫:不支持,仅支持pro版本,可以在...
Beginning-Pro发布,Emlog-Pro + Beginning-Pro, 更Pro
支持5.3吗?在哪里购买/下载?
Beginning-Pro发布,Emlog-Pro + Beginning-Pro, 更Pro
@叽叽:开源了的,https://git...
vue.js组件之手写签名板vue-signature-simple