elementUI el-radio 无法点击的问题解决
更新时间：2023年07月21日 16:10:00 作者：会飞的胖达喵
本文主要介绍了elementUI el-radio 无法点击的问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
本文主要介绍了elementUI el-radio 无法点击的问题解决，分享给大家，具体如下：
<el-form-item label="B端客户类型" prop="user_type">
<template slot="label">
<span>B端客户类型</span>
<el-tooltip effect="dark" placement="top" content="B端大客户账期有效,只有设置该类型的时候，以下参数才会被保存">
<i class="el-icon-info"></i>
</el-tooltip>
</template>
<el-radio v-model="form.user_type" v-for="(item,i) in userTagList" :key="i" :label="item.id">
{{item.name}}
</el-radio>
<el-button type="primary" round size="mini" @click="addUserTag">新增类型<i
class="el-icon-plus el-icon--right"></i>
</el-button>
</el-form-item>
这里有两个坑，看你碰到哪一个
1、:label="item.id" 属性是Number类型还是String类型，要与Model绑定也要保持一致
2、不支持先创建对象再赋值的方式，可以改成如下这种
form = Object.assign(form,form.identity); form.user_type = String(form.user_type); this.form = form;
到此这篇关于elementUI el-radio 无法点击的问题解决的文章就介绍到这了,更多相关element el-radio无法点击内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了vue3不同环境下实现配置代理，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
这篇文章主要介绍了WebStorm无法正确识别Vue3组合式API的解决方案，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下2021-02-02
这篇文章主要介绍了vue的provide和inject使用方法及其原理,本文通过源码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-10-10
最近工作中遇到了element表单校验失败的情况,通过查找相关资料终于解决了,所以下面这篇文章主要给大家介绍了关于element表单使用校验之校验失效问题的相关资料,需要的朋友可以参考下2022-10-10
这篇文章主要介绍了如何写好一个vue组件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要给大家介绍了关于vue实现tab切换的3种方式及切换保持数据状态的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
这篇文章主要介绍了vue中如何使用jest单元测试，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了Element el-button 按钮组件的使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-02-02
这篇文章主要介绍了vxe-table如何在单元格中渲染简单的饼图，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
在现代Web开发中,数据安全是一个不可忽视的重要环节,Vue.js作为一个流行的前端框架,不仅提供了强大的数据绑定和组件化功能,还支持与各种后端服务的集成,本文将探讨如何在Vue应用中使用MD5算法来加密数据,从而提升应用的安全性,需要的朋友可以参考下2024-10-10
最新评论