首页 > 技术文章 > el-radio-group初始化默认值后点击无法切换问题/vue中设置表单对象属性页面不同步问题

duiyuedangge 2021-03-04 22:07 原文

<el-radio-group v-model="ruleForm.type">
    <el-radio :label="1">方案一</el-radio>
    <el-radio :label="2">方案二</el-radio>
  </el-radio-group>

原初始化方式:点击无法切换:
this.ruleForm.type = 1;

解决方式:
var obj = {type : 1};
this.ruleForm = obj;
增加中间变量,设置相关属性后,赋值给表单对象。

说明:v-model,因为监听机制的原因,没有监听到表单对象中的属性的变化,所以需要对表单对象本身重新做一次赋值变化处理。

 

推荐阅读