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无法点击内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了vue watch监听取不到this指向的数问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-09-09
这篇文章主要为大家介绍了前端面试之vue2和vue3的区别有哪些，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
better scroll可以实现轮播图和页面滚动，是移动端滚动插件，这篇文章主要介绍了vue better scroll 无法滚动的解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-06-06
我们大家在开发中,经常会遇到接口重复请求导致的各种问题,下面这篇文章主要给大家介绍了关于axios拦截器之重复请求取消的相关资料,需要的朋友可以参考下2021-09-09
这篇文章主要介绍了在vue3中使用import.meta.env方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-05-05
这篇文章主要介绍了vue项目中微信登录的实现操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
这篇文章主要介绍了vue使用swiper插件实现垂直轮播图，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要介绍了vue监听对象及对象属性问题,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-08-08
这篇文章主要为大家详细绍介绍了Vue插件之滑动验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
这篇文章主要介绍了vue中form表单禁用专用组件,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-01-01
最新评论