页面和接口对完之后,被告知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循环,毕竟是正确的,也不会有回显的问题了。