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项目中使用better-scroll实现一个轮播图自动播放功能
better-scroll是一个非常非常强大的第三方库 在移动端利用这个库 不仅可以实现一个非常类似原生ScrollView的效果 也可以实现一个轮播图的效果。这篇文章主要介绍了Vue项目中使用better-scroll实现一个轮播图,需要的朋友可以参考下2018-12-12
vue的axios请求改变content-type为form-data问题
这篇文章主要介绍了vue的axios请求改变content-type为form-data问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-09-09
详解webpack + vue + node 打造单页面(入门篇)
本篇文章主要介绍了详解webpack + vue + node 打造单页面(入门篇) ,非常具有实用价值,需要的朋友可以参考下2017-09-09
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
这篇文章主要介绍了vue+element使用动态加载路由方式实现三级菜单页面显示的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08


最新评论