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无法点击内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

elementUi vue el-radio 监听选中变化的实例代码

vue使用计算属性完成动态滑竿条制作
这篇文章主要介绍了vue使用计算属性完成动态滑竿条制作，文章围绕计vue算属制作动态滑竿条的相关代码完成内容,需要的朋友可以参考一下
2021-12-12
Vue.js 表单控件操作小结
这篇文章给大家介绍了Vue.js 表单控件操作的相关知识，本文通过实例演示了input和textarea元素中使用v-model的方法，本文给大家介绍的非常不错，具有参考借鉴价值，需要的朋友参考下吧
2018-03-03
vue+element开发一个谷歌插件的全过程
这篇文章主要给大家介绍了关于vue+element开发一个谷歌插件的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-05-05
vue实现路由监听和参数监听
今天小编就为大家分享一篇vue实现路由监听和参数监听，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-10-10
Vue中Axios中取消请求及阻止重复请求的方法
为了防止用户在网络不好或者其他情况下短时间内重复进行接口请求，重复发送多次请求，本文主要介绍了Vue中Axios中取消请求及阻止重复请求的方法，感兴趣的可以了解一下
2022-02-02
如何启动一个Vue.js项目
这篇文章主要介绍了如何启动一个Vue.js项目，对Vue.js感兴趣的同学，可以参考下
2021-04-04
vue中关闭eslint的方法分析
这篇文章给大家讲述了vue中关闭eslint的方法内容，有需要的读者们可以参考学习下。
2018-08-08
Vue的watch和computed方法的使用及区别介绍
Vue的watch属性可以用来监听data属性中数据的变化。这篇文章主要介绍了Vue的watch和computed方法的使用及区别,需要的朋友可以参考下
2018-09-09
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
这篇文章主要介绍了Vue全局使用less样式,组件使用全局样式文件中定义的变量操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-10-10
vue中 process.env与process.VUE_CLI_SERVICE详解
这篇文章主要介绍了vue中process.env与process.VUE_CLI_SERVICE的相关资料,本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2023-05-05