element UI 中 el-radio model赋值后点击其他选项界面无反应

最新推荐文章于 2024-04-03 16:22:31 发布

原创最新推荐文章于 2024-04-03 16:22:31 发布 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

elementUI 专栏收录该内容

5 篇文章

订阅专栏

在Element UI中遇到el-radio组件的问题，当v-model绑定的值为二级数据时，点击其他选项界面无法显示选中状态。解决办法是将二级数据模型改为一级数据，如将`infoForm1.snrRadio1`改为`snrRadio1`。

原码：

<el-radio v-model="infoForm1.snrRadio1" label="1" @change="changeSnrRadio1()">选项1</el-radio>
<el-radio v-model="infoForm1.snrRadio1" label="2" @change="changeSnrRadio1()">选项2</el-radio>

发现问题：当v-model里的值为二级数据的时候，
将后台返回的值赋值给infoForm1.snrRadio1时，点击其他选项时，界面无反应无法选中，但是实际值其实改变了。
解决方案：将infoForm1.snrRadio1改为一级数据：snrRadio1

<el-radio v-model="snrRadio1" label="1" @change="changeSnrRadio1()">选项1</el-radio>
<el-radio v-model="snrRadio1" label="2" @change="changeSnrRadio1()">选项2</el-radio>