广州黄埔区网站建设,苏州北京网站建设,网页设计教程电子书,济南集团网站建设报价需求与问题#xff1a;
在菜品管理开发中#xff0c;我需要修改菜品#xff0c;第一步是回显页面#xff0c;但在我再三确认代码无误的情况下依旧无法回显内容 问题发现与解决#xff1a;
经过排查#xff0c;我发现我的DishDTO内容如下#xff1a;
Data
public clas…需求与问题
在菜品管理开发中我需要修改菜品第一步是回显页面但在我再三确认代码无误的情况下依旧无法回显内容 问题发现与解决
经过排查我发现我的DishDTO内容如下
Data
public class DishDTO extends Dish {private ListDishFlavor dishFlavorsnew ArrayList();private String categoryName;
}传输内容如下 前端接收如下 this.dishFlavors res.data.flavors res.data.flavors.map(obj ({ ...obj, value: JSON.parse(obj.value),showOption: false }))通过对比我们可以发现是前端接收后端传递过来的数据的时候用的名字不对res.data传递过来的数据只有dishFlavors而没有flavors所以口味列表无法接收导致整个页面无法回显 问题解决
将前端的flavors改为dishFlavors保持和后端传递过来的数据名严格一致即可解决 this.dishFlavors res.data.dishFlavors res.data.dishFlavors.map(obj ({ ...obj, value: JSON.parse(obj.value),showOption: false }))大家在开发中一定要记住前后端交互变量名保持一致呀不然就会像我一样找好几个小时的bug
o(╥﹏╥)o
