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

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

问题

在商品表单页面修改商品信息之后,点击更新按钮,表单依然显示旧的商品信息,没有展示新商品信息。
vue后台管理项目中修改商品表单信息后,点击更新但是表单无法显示最新商品信息_第1张图片
vue后台管理项目中修改商品表单信息后,点击更新但是表单无法显示最新商品信息_第2张图片

原因

当前端分发新商品对象到后端时,后端并没有响应更新好的商品对象,因此在action文件中提交到对应mutation中的商品对象也就是未更新的,导致保存到本地的商品对象也是未更新的,所以我们在表单中看到的还是旧的商品信息。
vue后台管理项目中修改商品表单信息后,点击更新但是表单无法显示最新商品信息_第3张图片
vue后台管理项目中修改商品表单信息后,点击更新但是表单无法显示最新商品信息_第4张图片

解决方法

我们应该在action文件中将新的商品对象提交到对应的mutation中,取代使用网络请求响应的数据。
vue后台管理项目中修改商品表单信息后,点击更新但是表单无法显示最新商品信息_第5张图片
如果本文对你有帮助的话还请点赞支持一下,另外如果哪里有错误的话还请各位大佬指出来,互相学习。

你可能感兴趣的:(vue后台管理项目中修改商品表单信息后,点击更新但是表单无法显示最新商品信息)