el-radio-group 自动选择的问题,自动选择后点击没反应

如果 v-model 是二级字段,而js中又设置了默认选择项,则点击无反应

v-model 改成一级对象:

<el-radio-group v-model=“project_type” @change=“type_change()”>

然后在 type_change() 再把 值赋给 obj.type

<el-radio-group v-model="obj.type" @change="type_change()"> 
	<el-radio label="8" key="8" border>888</el-radio> 
	<el-radio label="1" key="1" border>111</el-radio> 
</el-radio-group> 

后来发现 el-radio 里加上 key就好了

我的问题是v-model是二级字段 后台返回数据默认显示的时候就无法点击了,改成一级字段就好了

转载一位原创作者 https://blog.csdn.net/QQ2856639881/article/details/89887639

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可能是以下原因导致 el-radio-group 点击反应: 1. 有给 el-radio-group 绑定 v-model 属性,导致无法响应点击事件。 2. el-radio-group 绑定的 v-model 值与 el-radio 的 value 值不匹配,导致无法选中。 3. el-radio-group 绑定的 v-model 值为 null 或 undefined,导致无法选中。 4. el-radio-group 组件的 disabled 属性为 true,导致无法选中。 5. el-radio-group 组件的 readonly 属性为 true,导致无法选中。 6. el-radio-group 组件的 size 属性设置过小,导致无法点击选中。 7. el-radio-group 组件的 options 属性设置有误,导致无法正确渲染选项。 需要检查以上问题,才能解决 el-radio-group 点击反应问题。 ### 回答2: el-radio-groupElementUI 中的单选框组件,点击反应可能有以下几种原因: 1.未正确绑定 v-model 如果未将 v-model 绑定到 el-radio-group 组件上,点击时就不会有任何响应。请确认在使用 el-radio-group 时,在组件上正确绑定了 v-model,且绑定的值在 data 中定义且存在。 2.未定义选项 如果未定义选项,el-radio-group 就无法正常显示选项列表,因此点击组件也会反应。请确认 el-radio-group 组件上已经定义好选项,且每个选项都有对应的 label 和 value 属性。 3.样式被覆盖 如果 el-radio-group 组件的样式被其他元素的样式覆盖,可能会导致点击反应。请检查是否存在其他元素的样式会影响到 el-radio-group 组件,尝试去掉这些影响。 4.组件被隐藏 如果 el-radio-group 组件被设置为 display: none 或 visibility: hidden 等属性,点击时也会反应。请确认 el-radio-group 组件的显示属性已经被正确设置。 如果以上方法都无法解决该问题,请检查控制台是否有报错信息,以及检查代码是否有其他逻辑错误。 ### 回答3: el-radio-groupElement UI 中的一种用于选项集合的组件,使用 el-radio-group 可以实现单选和多选功能。如果在使用过程中出现点击反应的情况,可能会有以下几种原因: 1. 有给选项设置 value 使用 el-radio-group 时,必须要给每个选项设置 value 值,否则点击时就无法触发相应的事件。 2. 使用了 disabled 属性 如果选项设置了 disabled 属性,那么无法选中该选项,点击时也有任何反应。 3. 选项被遮盖了 如果选项被其他元素遮盖,那么点击时就会触发遮盖元素的事件,导致 el-radio-group 反应。这种情况可以通过调整样式或者将选项放置在容器的顶层来解决。 4. el-radio-group 组件有绑定 v-model 属性 使用 el-radio-group 实现选择功能时,需要将 v-model 绑定到一个变量上,否则选项的选择状态就无法被记录。 以上是 el-radio-group 点击反应的几种可能原因,调试时可以逐一排查以上情况,解决问题

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值