张子恒的网络日志 element-ui Radio 单选框组件默认值选不中？
提出问题
element-ui Radio 单选框组件默认值选不中，通常是由于数据类型的问题导致，如数字/布尔等类型。
案例解析
比如请求返回的值是 radio = 1
而组件是这样写的：
<template>
<el-radio v-model="radio" label="1">备选项1</el-radio>
<el-radio v-model="radio" label="2">备选项2</el-radio>
</template>
此时label是字符串1， 而请求返回值是数字1，由于两者不匹配，于是该Radio单选框组件默认值就选不中备选项1
解决办法
我们只要保证label的值和请求返回的值完全一样即可，如radio有数字有字符串，那么我们可以将请求返回值radio全转换 为字符串即可。
若radio全是数字，我们仅需在label前加: 即可, 这样label中的值会被当成js元素来执行，1就变成了数字。
总结
请求中为数字/布尔的字段要多加注意，类型问题会导致很多bug出现。
转载请注明出处: 张子恒的网络日志 本文链接地址： https://blog.zhangziheng.com/web/488.html
作者: jaeheng 本文发布于2019-2-12 11:34:03
免责声明：本文仅代表作者个人观点，与本网站无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
上一篇
jaeheng
小橙
heihei
深圳网站优化
评论列表：
2019-08-08 10:03