vue+elementUI中單選框el-radio設置默認值和唯一標識某個單選框

vue+elementUI中單選框el-radio設置默認值

• 如果后台返回的單選框的值是number：單選框的lable需要設置成 :lable=‘0’;如下：

<el-form-item label="仿牌選項：" prop="ifCod" size="mini" class='form-label'>
 <div id='radio' >
    <el-radio class='m0' :disabled="disable" v-model="form.ifCod" :label="0" >普貨</el-radio>
    <el-radio class='m0' :disabled="disable" v-model="form.ifCod" :label="1" >仿牌</el-radio>                                 
  </div>
</el-form-item> 

data(){
	return {
		form:{
			ifCode:0
		}
	}
}

• 后台返回的是字符串 則正常寫；

<el-form-item label="仿牌選項：" prop="ifCod" size="mini" class='form-label'>
 <div id='radio' >
    <el-radio class='m0' :disabled="disable" v-model="form.ifCod" label="0" >普貨</el-radio>
    <el-radio class='m0' :disabled="disable" v-model="form.ifCod" label="1" >仿牌</el-radio>                                 
  </div>
</el-form-item> 

data(){
	return {
		form:{
			ifCode:'0'
		}
	}
}

唯一標識一個單選框

  <!--
若標簽內部沒有定義單選框名字，則會用label值充當，因為change事件只能傳label值，所以此時可能無法唯一標識該單選框
-->
<el-radio label="提前天數：" v-model="airRuleForm.radio1"  @change="getRadioValue">    </el-radio>

 <!--
若標簽內部定義了單選框名字，label值則可定義成唯一標識該單選框的身份id
-->
<el-radio label="radio1" v-model="airRuleForm.radio1"  @change="getRadioValue">提前天數</el-radio>