el-radio 单选框写一个值后不能切换

zoepriselife316

已于 2023-06-05 14:47:40 修改

阅读量1.1k

点赞数 2

文章标签： javascript 前端

于 2023-06-05 14:45:26 首次发布

本文链接：https://blog.youkuaiyun.com/zoepriselife316/article/details/131047824

版权

当el-radio单选框设置默认值后无法切换时，可以在change事件中使用$forceUpdate()方法强制更新视图。例如，在el-radio-group的change事件中写入`@change=this.forceUpdate()`，确保绑定的v-model值改变时界面同步更新。

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

el-radio 单选框写一个值后不能切换
解决方法：在单选框组中添加@change=" $f orce U p d a t e () " 就可以了如果写在函数里面的话，用 t hi s .$ forceUpdate();

<el-form-item label="结果">
<el-radio-group
    v-model="ruleForm.status"
    @change="$forceUpdate()"
  >
    <el-radio :label="1">通过</el-radio>
    <el-radio :label="2">不通过</el-radio>
  </el-radio-group>
</el-form-item>


// js: 写默认值
 this.ruleForm.status = 3;