1.这样写也可以回显,应该在<el-radio>
中加不加v-model
属性都不影响
<el-form-item prop="action" label="租/借">
<el-radio-group v-model="form.action">
<el-radio v-model="form.action" label="0">借</el-radio>
<el-radio v-model="form.action" label="1">租</el-radio>
</el-radio-group>
</el-form-item>
2.使用Element-ui版本 2.15.7
需要回显的代码
<el-form-item prop="action" label="租/借">
<el-radio-group v-model="addModule.action">
<el-radio label="0">借</el-radio>
<el-radio label="1">租</el-radio>
</el-radio-group>
</el-form-item>
在网上查了一下,由于我数据库中action
字段的类型为int
类型,而radio的值默认应该是string
类型,所以radio不会默认选中。
解决办法就很多了,我是从后台拿到数据以后再把int
转成String
类型
//由于radio默认返回了String值,所以要把其转为int类型
let action = row.action.toString();
row.action = action;
3.el-radio值无法回显
1.先看lebel前有没有加冒号 : “:”
2.radio label为number类型可以直接回显文章来源:https://www.toymoban.com/news/detail-503720.html
3.radio label为String类型无法回显,需要在最外层再加一层引号文章来源地址https://www.toymoban.com/news/detail-503720.html
<el-form-item label="是否固定推荐" prop="canRecommend" :label-width="formLabelWidth">
<el-radio-group v-model="form.canRecommend">
<el-radio :label="'1'">是</el-radio>
<el-radio :label="'-1'">否</el-radio>
</el-radio-group>
</el-form-item>
到了这里,关于Element-ui中的el-radio无法数据回显的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!