vue后台管理项目中修改商品表单信息后,点击更新但是表单无法显示最新商品信息

在Vue后台管理项目中,修改商品表单信息并点击更新后,表单未能显示更新后的商品信息。问题源于后端未响应新商品对象,导致在前端mutation中保存的仍是旧信息。解决方法是确保在action中用新商品对象替换旧对象,提交到对应的mutation,从而更新本地存储的商品信息。
摘要由CSDN通过智能技术生成

vue后台管理项目中修改商品表单信息后,点击更新但是表单无法显示最新商品信息

问题

在商品表单页面修改商品信息之后,点击更新按钮,表单依然显示旧的商品信息,没有展示新商品信息。
在这里插入图片描述
在这里插入图片描述

原因

当前端分发新商品对象到后端时,后端并没有响应更新好的商品对象,因此在action文件中提交到对应mutation中的商品对象也就是未更新的,导致保存到本地的商品对象也是未更新的,所以我们在表单中看到的还是旧的商品信息。
在这里插入图片描述
在这里插入图片描述

解决方法

我们应该在action文件中将新的商品对象提交到对应的mutation中,取代使用网络请求响应的数据。
在这里插入图片描述
如果本文对你有帮助的话还请点赞支持一下,另外如果哪里有错误的话还请各位大佬指出来,互相学习。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值