【Vue的单选按钮不选中已解决亲测】

最新推荐文章于 2024-04-03 16:22:31 发布
最新推荐文章于 2024-04-03 16:22:31 发布
阅读量673 收藏 5
点赞数 6
分类专栏： vue 前端开发 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39858177/article/details/136349705
版权

伙计，你是否因为后台给vue前端已经传入了对应的单选按钮的数据，为啥还是不选中呢！？
这个问题实话我百度乐很多都不能解决我的问题，最后机智如我的发现乐vue的自身的问题，后端返回的数据类型如果是数字int类型就不行，
但是你把他的返回数据类型改成乐字符串类型，则他就会显示正常了！！！
在这里插入图片描述将起改成了字符串，就解决了问题
如果你因我的方法解决了问题，不用感谢！！

Net蚂蚁代码
关注
  • 6
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
关于vue element-ui Radio单选框默认值选不中的原因
CY_WINT的博客
02-01 778
如图上，想要表单里的cardLifespan为0时默认选中非长期有效，为1时默认选中长期有效，但是我做的功能里涉及到了数据反显，上传图片后识别反显以及用户手动选择，这样出现的问题就是，手动选择和上传图片都ok，数据反显却无论如何都反显不上，查阅资料后发现是混用字符和数字问题。：label='0',绑定的label值为数字0，上传照片识别反显的数据通过打印也是数字类型，而数据反显接口打印出来的值是字符串，因此无法默认选中radio。将返回的数据进行处理，将3个位置的值统一数据类型，就可以成功选中了。
vue elemen单选框为什么选不中
kkkllo的博客
07-15 1039
1.先看看代码，有没有拼写错误 2.有没有把一组选项放到一个组里面<el-radio-group></el-radion-group> 3.基本上就没有太大的问题，如果还是不行，就把选项值绑定吧:label ...
vue弹出的添加信息组件中 el-radio 单选框无法点击问题
最新发布
yssa1125001的博客
04-03 481
在弹出的添加信息的组件中的form中有一个单选框,单选框无法进行点击切换
解决vue3.0+vant 表单元素 Radio 单选框 无效问题
weixin_38808271的博客
03-21 4997
解决vue3.0+vant 表单元素 Radio 单选框 无效问题
vue中动态绑定radio单选框选中状态失效
h5_since的博客
11-04 3625
最近一个项目，在动态绑定单选按钮的选中状态时失效，代码如下 效果 有的动态绑定正常，有的没有显示，仔细看浏览器的dom，发现没有正常显示的是因为多组单选按钮的name重复了，所以就只会对最后一组生效 多组单选按钮 , 如果设置的name相同 , 并且分别设置了默认选中 , 结果就只默认选中最后一组的设置了默认选中的按钮 解决方法： 在给name动态赋值的时候加上唯一标识符 完美解决 ...
vue 中 Radio 单选框 无法选中和被选中 问题
weixin_58726419的博客
11-03 5240
<el-radio v-model="radio" label="1">备选项</el-radio> <el-radio v-model="radio" label="2">备选项</el-radio> data () { return { radio: '1' }; } 要使用 Radio 组件，只需要设置v-model绑定变量， v-model=" radio " 相当于 :value="rad...
在vue3中使用arco design遇到的坑
一只爱吃糖的小羊
08-25 7317
理论上arco design这个UI框架用起来跟element ui/plus差不多，但其实里面还是有点坑的，并且有时候它这个避坑的解决办法并不在官方的文档中而在github的issues中。
Element UI单选框无法选中问题
tgty123的博客
06-02 1569
Element UI单选框无法选中问题(Vue中：label和label的区别)
vue 实现单选框设置默认选中值
12-30
vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 html部分是通过v-for取的后台的数据 (value,i) key=value.id> <input class=radio type=radio name=radios :value=i v-...
vue循环中点击选中再点击取消(单选)的实现
10-14
主要介绍了vue循环中点击选中再点击取消(单选)的实现，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
三种取消选中单选框radio的方法
12-09
本文提供了三种取消选中radio的方式，代码示例如下: 本文依赖于jQuery,其中第一种，第二种方式是使用jQuery实现...单选按钮取消选中的三种方式</title> [removed] [removed] [removed] $(function(){ // var $br
解决element中Radio 单选框无法选中的问题
想快快长大的博客
10-12 6476
定义了数据没办法被选中 因为后台要数据类型 所以 <el-form-itemlabel="运营商"> <el-radiov-model="ruleForm.source":label="1">电信</el-radio> <el-radiov-model="ruleForm.source":label="2"&...
vue项目中radio/checkbox无法选择的问题
theScoreONE的博客
01-24 3288
之前写过一遍《vue通过后端返回值动态生成表单及动态表单的数据提交 》提交动态表单数据没有问题。但是要更新数据，请求后端数据渲染表单并赋值后，发现radio/checkbox等组件无法手动选中，排查知道原因是双向绑定失效 一、复现问题 1、正常的情况 <van-checkbox-group v-model="result" :max="2"> <van-checkbox name="a">复选框 a</van-checkbox> <van-checkbo
element ui 单选框无法选中
琞、小菜
09-06 5672
修改别人留下的bug，单选框默认选中一个，想要修改的时候却无法选中其他的。 这种问题出现的情况有很多种，我这里只是分享一下我遇到的问题。 看下代码： 在看下代码中freightTemplate的结构 当freightTemplate还像上图没有被赋值时，单选框还可以正常的切换，但是当这个对象被重新赋值之后，单选框就无法被选中。 大概原因是：vue的v-model无法修改这么某个对象下的某个属性...
Element单选框不选中的原因
weixin_43859511的博客
01-10 1501
element el-radio-group 赋值不被选中问题 vue element-ui Radio单选框默认值选不中的原因：混用字符和数字 总结： label=“1”，表示label的值应为数字1 label=“1”，表示label的值应为字符串1 解决办法：
vue中使用v-model绑定单选按钮不能实现选中样式
YYYYYun的博客
11-03 2088
最近做一个vue项目，用到了单选按钮组 <input type="radio" name="sex" value="male" /> Male <input type="radio" name="sex" value="female" /> Female 绑定之后为 <input type="radio" name="sex" value="male" v-mode...
radio vue 选不中_iview+vue 使用中遇到的问题（表格、select、radio）
weixin_42370434的博客
01-30 704
1、iview+vue中，对表头的动态设置：iview表头若是需要动态设置，可以有两个方法，第一种：children: [{title:‘2017年‘,align:‘center‘,key:‘firstYear‘,renderHeader: (h, index)=>{return h(‘div‘, {domProps: {innerHTML:this.data5.lastYear + ‘年‘...
radio vue 选不中_Vue中radio单选框单击取消选中状态
weixin_35801916的博客
01-30 2964
咳咳。。。如标题所讲，看起来好简单的样子，但是这个需求在一个Vue架构的中大型项目中实现起来又貌似不是想象中的那么容易。以下是我的思路，愚见求各位大佬指教。分析：1、问题就是将input radio单选框改造成单击可以取消其选中状态2、单纯的对input radio进行js控制行不通，因为radio是通过v-repeat出来的，有很多个，如果每一个都去获取元素的话，执行效率太低，failed3、给...
vue单选按钮默认选中
05-01
Vue单选按钮在默认情况下没有选中任何一个按钮，但是可以通过v-model指令将一个按钮设置为默认选中状态。 要将一个单选按钮设为默认选中状态，可以在Vue组件定义中的数据部分中定义一个选中状态的变量，比如"checked"，并将其值设置为true。然后，在单选按钮的input元素中，添加一个v-bind指令绑定该状态变量，以控制按钮的选中状态。 例如： ``` <template> <div> <input type="radio" id="button1" v-bind:checked="checked" v-model="selectedButton" value="button1"> <label for="button1">Button 1</label><br> <input type="radio" id="button2" v-model="selectedButton" value="button2"> <label for="button2">Button 2</label> <p>You selected: {{ selectedButton }}</p> </div> </template> <script> export default { data() { return { checked: true, // 设置默认选中状态 selectedButton: "button1" }; } }; </script> ``` 在上面的代码中，第一个单选按钮通过v-bind指令绑定了"checked"状态变量，设置了默认选中状态；第二个单选按钮没有设置v-bind指令，因此没有默认选中状态。选中状态的变化通过v-model绑定到selectedButton变量，实时更新p标签中的内容。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Net蚂蚁代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值