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()方法来进行转换:
转换后前端打印值变为字符串:
修改完成后,成功回显数据: