0


Element-ui中的el-radio无法数据回显

在这里插入图片描述

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类型可以直接回显

3.radio label为String类型无法回显,需要在最外层再加一层引号

<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>

本文转载自: https://blog.csdn.net/weixin_66902855/article/details/125997251
版权归原作者 零度的遇见 所有, 如有侵权,请联系我们删除。

“Element-ui中的el-radio无法数据回显”的评论:

还没有评论