el-radio回显与接口联调数据问题

页面和接口对完之后,被告知el-radio的数据需要从后台获取,防止当后台有多个数据的时候前端展示不出来,于是小白开始修改单选框radio的HTML结构,具体就是由这种

变成了下面这种

 这样就实现了单选框数据的循环,后台有多少数据即可展示多少。

此时后台传来的templateRange值为数字,并不是我们想要的文字,需要进行过滤。过滤完毕之后。

开始的  :label被我写成了        :label=“item.itemName”,itemName原本是后台数据显示出来的值。

接下来问题来了

带有此单选框的弹窗一旦选择此单选框选项,就无法保存数据,res.success显示false,那就意味着后台获取数据失败,前端小白苦苦查询数据方法以及接口,纠结了半天之后,寻求大佬帮助

在此HTML循环结构下,我们先调用了接口,获取了templateRange的值(数字)。在HTML中    :value="item.itemCode"  绑定templateRange的值(从后台获取),  :label=”item.itemCode“是传递给后台的值,由于采用JSON进行数据传输,因此  :value数值类型应该和  :label数值类型一致才可以传给后台。

OK,问题解决了。

radio回显问题:

目前使用v-for从后台可以获取到数据,回显问题不存在,如果是写死的话就不可以,建议使用v-for循环,毕竟是正确的,也不会有回显的问题了。

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值