vue+elementUI中单选框el-radio设置默认值和唯一标识某个单选框

2023-02-17,,,,

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>

vue+elementUI中单选框el-radio设置默认值和唯一标识某个单选框的相关教程结束。

《vue+elementUI中单选框el-radio设置默认值和唯一标识某个单选框.doc》

下载本文的Word格式文档,以方便收藏与打印。