更新页面无法回显

这篇具有很好参考价值的文章主要介绍了更新页面无法回显。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

需求与问题:

在菜品管理开发中,我需要修改菜品,第一步是回显页面,但在我再三确认代码无误的情况下依旧无法回显内容

问题发现与解决:

经过排查,我发现我的DishDTO内容如下:

@Data
public class DishDTO extends Dish {
    private List<DishFlavor> dishFlavors=new ArrayList<>();

    private String categoryName;
}

传输内容如下:

更新页面无法回显,bug,前端,java,springboot,bug

前端接收如下:

                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

 文章来源地址https://www.toymoban.com/news/detail-633488.html

到了这里,关于更新页面无法回显的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 「Bug」“OSError [WinError 1455] 页面文件太小,无法完成操作” 解决方案

    训练YOLOv5模型时出现错误 修改train.py中配置项workers的默认值,从初始值8修改为0(也可以试试1或2等较小的数)。 workers_per_gpu=2, # 每个gpu分配的线程数,给每一个GPU喂数据的进程,GPU性能越强,取值越大,这样才能充分利用GPU的算力。如果用自己的电脑训练,这个值需要取小一

    2024年02月11日
    浏览(47)
  • 【BUG】SpringBoot 静态资源(static)无法访问问题404

    SpringBoot访问静态资源出现 404 项目场景 问题描述 ​编辑原因分析 解决方案 1. 将静态资源放在static 或 templates目录中 2. 继承WebMvcConfigurerAdapter  【已经过时】 3. 继承WebMvcConfiguratiWebonSupport 【推荐】 4. 实现WebMvcConfigurer接口 【推荐】 WebMvcConfiguratiWebonSupport 与 WebMvcConfigurer 区别

    2024年02月05日
    浏览(51)
  • 前端 解决input框被禁用后无法添加点击事件的bug 简单易懂,快来围观

    在开发中,我们经常会遇到需要禁用input框的情况,但是禁用后无法添加点击事件的问题。这个问题可能会让你感到十分困扰,但是不用担心,本文将会为您介绍一种解决这个问题的方法。 解决方法很简单,只需要在input框的父节点view中添加 style=\\\"pointer-events:none\\\" 即可。具体

    2024年02月10日
    浏览(40)
  • Springboot websocket前端无法访问到,Websocket因AOP代理 前端无法请求到

    在我后端springboot启动后,前端无法请求websocket请求连接到我们websocket服务器。 在我后端springboot启动后,前端可以请求到我们websocket服务器,并且进行交互。 出现的问题A 出现问题的代码: 问题出在没有告诉spring遇见wensocket协议该如何处理。 改正后的代码: 出现的的问题

    2024年03月27日
    浏览(35)
  • 用 SpringBoot 和 SSE 打造动态前端更新的终极指南

    你知道什么是开发者的梦魇吗?慢!慢!慢!在一个需要实时数据更新的应用中,如果数据像乌龟一样慢吞吞地爬行,那用户体验就会像坐过山车一样直线下降。所以今天,我们要化身为数据传输的超级英雄,用 SpringBoot 和 SSE(服务器发送事件)打造一个超酷、超快、而且超

    2024年02月02日
    浏览(40)
  • springboot集成Camunda,加前端bpmn页面流程编辑器

    搭建流程引擎后端的时候,主要注意springboot版本和Camunda版本之间的兼容性。此次springboot版本2.6.4,Camunda版本7.18.0。pom文件内容如下: pom文件配置好后,通过一般的注解入口@SpringBootApplication,即可启动Camunda流程引擎。 Camunda默认使用的数据库为自带的h2内存数据库,此时一般

    2023年04月18日
    浏览(35)
  • SpringBoot:前端提交数据,服务端无法获取数据

    上述访问传值方式为键值对方式,服务端springmvc获取  如果在springcloud网关中集中处理,获取值如下 如果传输的值为 body如下图 这个时候我们服务端获取值的时候需要添加 @RequestBody,@RequestBody 主要用来接收前端传递给后端的json字符串中的数据的(请求体中的数据的);而最常用

    2024年01月20日
    浏览(27)
  • 记录开发环境docker上的一次springboot无法读取更新的配置文件的问题

    背景:一般开发环境的管理不是很严格,当对代码进行一些组件的添加时,往往需要修改spring的配置文件,有的时候为了保险起见,回预先备份原本的配置文件,我采取在./config中创建了一个名为bak-日期的目录,将原本的配置文件mv到该目录下,将新的配置文件移到config目录

    2024年02月11日
    浏览(46)
  • 前端项目部署自动检测更新后通知用户刷新页面(前端实现,技术框架vue、js、webpack)——方案一:编译项目时动态生成一个记录版本号的文件

    当我们重新部署前端项目的时候,如果用户一直停留在页面上并未刷新使用,会存在功能使用差异性的问题,因此,当前端部署项目后,需要提醒用户有去重新加载页面。 vue、js、webpack 编译项目时动态生成一个记录版本号的文件 轮询(20s、自己设定时间)这个文件,判断版

    2024年02月02日
    浏览(61)
  • Bug解决:获取JDBC连接失败;嵌套异常是java.sql.SQLException:无法从底层数据库获取连接

    出现的问题 Failed to obtain JDBC Connection; nested exception is java.sql.SQLException: Connections could not be acquired from the underlying database! 说白了就是连接数据库出问题了,寻找了一个半小时才发现错误 从头到尾检查了一遍,这里使用的是C3P0连接池。 解决方法 1.如果使用的是c3p0连接池,prop

    2023年04月08日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包