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,因爲監聽機制的原因,沒有監聽到表單對象中的屬性的變化,所以需要對錶單對象本身重新做一次賦值變化處理。
複製代碼

 

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