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

 

复制代码
<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,因为监听机制的原因,没有监听到表单对象中的属性的变化,所以需要对表单对象本身重新做一次赋值变化处理。
复制代码

 

 
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章