解决ElementUI el-radio标签回显失败问题

本文介绍了在前端页面中遇到的radio控件数据回显问题,通过发现后台返回值为int类型,前端需要将其转换为string类型以正确显示。通过添加toString()方法,成功解决了数据回显问题并分享了解决步骤。
摘要由CSDN通过智能技术生成

1.问题描述:

修改页面radio控件数据回显出现问题:

在这里插入图片描述
但是后台接口没有问题,权限值能够拿到并打印出来:

在这里插入图片描述
前端radio控件页面:

 <el-form-item label="访问权限:" label-width="34%">
       <el-col :span="12">
            <el-radio v-model="updateFormData.studyNote.accessAuthority" label="0">任何人可见</el-radio>
            <el-radio v-model="updateFormData.studyNote.accessAuthority" label="2">任课教师可见</el-radio>
      </el-col>
      <el-col :span="12">
           <el-radio v-model="updateFormData.studyNote.accessAuthority" label="1">任课教师和同班同学可见</el-radio>
           <el-radio v-model="updateFormData.studyNote.accessAuthority" label="3">仅自己可见</el-radio>
      </el-col>       
 </el-form-item>

2.问题解决

经过一段时间寻找解决办法后,发现radio的值应该是string类型,而我们后台返回的是int类型,所以我们需要在前端页面做一个处理,将该属性转换成string类型的

我们可以在接口调用的时候使用toString()方法来进行转换:

在这里插入图片描述

转换后前端打印值变为字符串:

在这里插入图片描述
修改完成后,成功回显数据:

在这里插入图片描述

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Keson Z

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值