vue+elementUI中el-radio设置默认值方式
作者：恩婧
这篇文章主要介绍了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'
}
}
}elementUI单选框radio传值问题
从后端查询到单选框的文本及id，在表单中遍历出单选按钮，在提交表单时需要向后台提交id而不是文本值
后台提供的单选数据：
原先写的代码：
:label的值会绑定到v-model上，这样写的话传给后台的是文本值。
修改过后：
<el-radio-group v-model="form.type_property">
<el-radio v-for="item in propertyOptions" :key="item.Value" :label="item.Value">{{item.Text}}</el-radio>
</el-radio-group>
这样传给后台的就是value值啦
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。