vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue弹出的添加信息组件中el-radio单选框无法点击

vue弹出的添加信息组件中el-radio单选框无法点击的解决方案

作者:yssa1125001

在弹出的添加信息组件中,单选框无法切换是因为没有默认值,通过判断初始化时的值并赋初始值,虽然实现了初始值的展示,但导致单选框无法切换,为了解决这个问题,更改了上级组件传值的方式,直接带参传值,避免了对象处理

情景描述

在弹出的添加信息的组件中的form中有一个单选框,单选框无法进行点击切换

原因如下

单选框要求有个默认值,因为添加和更新操作复用同一个组件,所以我在初始化时对相关进行了判定,如果为空则赋初始值

结果这样虽然实现了初始值的展示,但是就是如此造成了单选框的无法切换。

因为 ElementUI和Vue.js框架配合使用的时候,不支持先创建空对象 

所以我更改成了在上级组件传值时直接带参传值,此组件不再进行对象的处理,即如下更改后的代码:

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文