elementUI el-radio 无法点击的问题解决
作者：会飞的胖达喵
本文主要介绍了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无法点击内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！