el-radio-group 自动选择的问题，自动选择后点击没反应

最新推荐文章于 2025-06-16 10:40:51 发布

QQ2856639881

最新推荐文章于 2025-06-16 10:40:51 发布

阅读量5.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/QQ2856639881/article/details/89887639

vue 专栏收录该内容

41 篇文章

订阅专栏

博客主要讲述了el-radio-group组件使用时的问题，当v-model是二级字段且js中设置默认选择项，点击无反应。解决办法一是将v-model改成一级对象，在change事件里赋值给二级字段；二是在el-radio里加上key。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-radio-group v-model="obj.type" > 如果 v-model 是二级字段，而js中又设置了默认选择项，则点击无反应

v-model 改成一级对象：

<el-radio-group v-model="project_type" @change="type_change()">

然后在 type_change() 再把值赋给 obj.type

则问题解决

坑了我两个小时才搞定

==========

<el-radio-group v-model="obj.type" @change="type_change()"> 
<el-radio label="8" key="8" border>888</el-radio> 
<el-radio label="1" key="1" border>111</el-radio> 
</el-radio-group>

后来发现 el-radio 里加上 key就好了