el-radio标签被选中不显示问题，单击无效

已于 2022-11-15 20:04:12 修改
阅读量1.6k 收藏 2
点赞数 3
文章标签： vue
于 2022-11-15 16:22:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_71851186/article/details/127867979
版权

可以看到是否外链和是否缓存没有被选中，但是左侧的控制台打印出值

我们看到单选框已经被选中了，但是没有显示

解决办法

 在赋一次值，这样就可以显示在页面上了

改正

由于我的值是从后端获取的是字符串类型

 （此时是另一个表单）

不能用数字来赋值，要加单引号

 双向绑定要用双引号加单引号的方式来绑定 "  '  值  '  "

御坂251
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ElementUI radio组件选中小改造
01-19
ElementUI 是自己比较钟爱的一套 vue 组件库，自己好几个项目里都在用它。一直以来这些丰富的组件，让我能快速的搞定各种后台管理页面，极大地提高了工作效率。 但是不管什么软件，肯定都没办法称之为完美，而最近的几个小需求中，也发现了 element ui 的一些不足（也可能是因为自己的需求比较奇葩吧）。其中一点就是本文要提到的，radio 绑定对象类型值的问题。 具体现象就是，当通过 mapState 方法自动一个计算对象数组，然后将它绑定到 el-radio 上时，el-radio-group 里的 el-radio 无法根据其绑定值正确的显示 checked 状态。 例如下面这段代码
elementUi vue el-radio 监听选中变化的实例代码
01-19
elementUi vue el-radio 监听选中变化的实例代码如下所述： //change是radio-group标签的事件 男 女 export default { name: 'Radio',
vue弹出的添加信息组件中 el-radio 单选框无法点击问题
最新发布
yssa1125001的博客
04-03 364
在弹出的添加信息的组件中的form中有一个单选框,单选框无法进行点击切换
el-input 标签中密码的显示和隐藏功能的实例代码
10-16
本文通过实例代码给大家介绍了el-input 标签中密码的显示和隐藏 ,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
手动动态改变el-tabs标签页顺序
06-28
例如：tabs1、tabs2、tabs3、tabs4 tabs2改为tabs4（往后移）则顺序变为tabs1、tabs3、tabs4、tabs2； tabs4改为tabs2（往前移） 则顺序变为tabs1、tabs4、tabs2、tabs3。
点击elementui中el-radio内部的标签不触发外部的事件
weixin_38680881的博客
08-03 1101
<el-radio :label="1" @click.native="payAllotChange($event,1)">测试单选 <span class="desc"> <strong class="a-link" @click="showProtocal">点击子标签</strong> ； </span> </el-radio> 实现过程 给子标签的点击事件增加.prev...
radio单选框checked=checked却不显示选中
Allen_Swfit的博客
12-13 554
radio checked=checked但是不显示选中
el-radio无法默认选中，点击无反应问题
qingrunhao的博客
07-13 2695
【代码】el-radio无法默认选中，点击无反应问题。
在使用element-ui中的el-radio-group 赋值后 无法选中问题
m0_70871712的博客
07-19 5108
给表单赋值，遇到了赋值成功，但单选框不会自动选中的问题。
el—radio不能选中和点击没反应的解决
weixin_45695485的博客
12-16 8242
环境:vue2 在el-radio中，要注意lable绑定的是哪个，是在data中的sex或者是ruleForm.sex
element 框架 el-radio-group 赋值之后点击无效
m0_37714008的博客
06-13 2416
当进行页面编辑给l-radio-group 赋值之后点击无效的问题。change事件里重新渲染一下页面就行了。el-radio在一组备选项中进行单选。
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
10-16
主要介绍了使用element-ui的el-menu导航选中后刷新页面保持当前选中状态，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
Vue中el-form标签中的自定义el-select下拉框标签功能
10-15
主要介绍了Vue中el-form标签中的自定义el-select下拉框标签功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
element-ui循环显示radio控件信息的方法
10-18
今天小编就为大家分享一篇element-ui循环显示radio控件信息的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Element-UI升级后，el-table不显示 空白问题 备份包 资源备份
10-26
Element-UI升级后，el-table不显示 空白问题 备份包
详解element-ui中el-select的默认选择项问题
10-16
主要介绍了详解element-ui中el-select的默认选择项问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
elementUI el-radio 无法点击的问题
笔记
07-19 1754
1、:label="item.id" 属性是Number类型还是String类型，要与Model绑定也要保持一致。2、不支持先创建对象再赋值的方式，可以改成如下这种。这里有两个坑，看你碰到哪一个。
elementUI - 关于el-radio值选项不回显问题的知识点
巫小婆的博客园~
09-25 3026
划重点： label值是动态的 需要加冒号： label 中定义的值类型 需要与你定义的值类型 和后台返回的值类型保持一致。如果是Number 就都是number，是string 就都是string，否则不显示。 正确代码示例： <template> <el-radio v-model="radio" :label="1">备选项</el-radio> <el-radio v-model="radio" :label="2">备选项</el-
elementUI:el-radio再次点击取消选中状态
Queen-Shir的博客
04-22 887
<el-radio :label="sbType" v-model="sdTypeValue" @click.native.stop.prevent="queryByType()">{{sbType}}</el-radio>
el-radio设置默认选中
08-02
el-radio设置默认选中的方法有两种，取决于label属性前是否有冒号。 如果label属性前有冒号，可以使用数字作为默认选中的值。例如，在el-radio-group中设置v-model为radio，然后在data中将radio的初始值设置为1，即可实现el-radio默认选中备选项1。[1] 如果label属性前没有冒号，需要使用字符串作为默认选中的值。同样，在el-radio中设置v-model为radio，然后在data中将radio的初始值设置为'1'，即可实现el-radio默认选中备选项1。[2] 另外，如果需要将label设置为0或1，并且显示的文案也为数值，可以使用el-radio-button组件。在el-radio-group中设置v-model为radio1，然后在data中将radio1的初始值设置为0或1，即可实现el-radio-button默认选中相应的备选项。[3]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值