首页 element-ui Radio 单选框组件默认值选不中?

element-ui Radio 单选框组件默认值选不中?

jaeheng 2019-2-12 5 5204

提出问题

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出现。

作者: jaeheng 本文发布于2019-2-12 11:34:03
jaeheng

前端工程师,emlog模版beginning开发者

免责声明:本文仅代表作者个人观点,与本网站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。

发表评论

评论列表:

种田
2019-08-08 10:02
赞,困扰多时,终于解决了
jaeheng
2019-08-08 10:03
@种田:也困扰了我多时
tom
2019-06-25 21:53
真棒,终于解决了我的问题,特此留言感谢
2019-04-13 23:09
如此好文章一定要留下名啊
2019-04-02 23:57
虽然不知道说的是什么,但看起来好厉害的样子!