vue弹出的添加信息组件中el-radio单选框无法点击的解决方案
更新时间：2026年03月12日 09:09:31 作者：yssa1125001
在弹出的添加信息组件中,单选框无法切换是因为没有默认值,通过判断初始化时的值并赋初始值,虽然实现了初始值的展示,但导致单选框无法切换,为了解决这个问题,更改了上级组件传值的方式,直接带参传值,避免了对象处理
情景描述
在弹出的添加信息的组件中的form中有一个单选框，单选框无法进行点击切换
原因如下
单选框要求有个默认值，因为添加和更新操作复用同一个组件，所以我在初始化时对相关进行了判定，如果为空则赋初始值
结果这样虽然实现了初始值的展示，但是就是如此造成了单选框的无法切换。
因为 ElementUI和Vue.js框架配合使用的时候，不支持先创建空对象
所以我更改成了在上级组件传值时直接带参传值，此组件不再进行对象的处理，即如下更改后的代码：
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
解决vscode进行vue格式化,会自动补分号和双引号的问题
这篇文章主要介绍了解决vscode进行vue格式化,会自动补分号和双引号的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
vuejs router history 配置到iis的方法
今天小编就为大家分享一篇vuejs router history 配置到iis的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
下面小编就为大家分享一篇vue页面切换到滚动页面显示顶部的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要为大家详细介绍了vue自定义指令三步如何实现数据拉取更新,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
这篇文章主要介绍了Vue入口文件index.html缓存的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
本篇文章主要介绍了Vue2.0组件间数据传递示例，组件间数据传递主要是父子组件之间传递，具有一定的参考价值，有兴趣的可以了解一下。2017-03-03
这篇文章主要Vue 处理表单input单行文本框的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
在Vue项目中,Axios是一个非常流行的HTTP客户端,用于发送请求和接收响应,Axios拦截器是Axios的一个强大功能,它允许你在请求发送之前和响应返回之后对请求和响应进行处理和拦截,本文将结合实际案例,详细介绍如何在Vue中使用Axios拦截器,需要的朋友可以参考下2024-12-12
这篇文章主要介绍了Vuex中的Mutations的具体使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
这篇文章主要介绍了浅谈Vue初学之props的驼峰命名，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
最新评论