最光阴
最光阴
  • 发布:2022-04-21 15:22
  • 更新:2022-04-21 16:29
  • 阅读:589

【报Bug】vue3项目 真机调试 js中store状态响应式丢失,h5正常

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 专业版 21H1

HBuilderX类型: 正式

HBuilderX版本号: 3.4.6

手机系统: Android

手机系统版本号: Android 11

手机厂商: 小米

手机机型: MI 9

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

真机运行附件项目,登陆后点开监控页面,会发起请求

预期结果:

能够正确获取store中状态,请求数据正常

实际结果:

store中状态没有改变,取值失败为undefined, 导致请求参数缺失请求失败

bug描述:

今天升级hbuilderX后,项目真机调试运行发现,封装请求的js文件中,通过 import store from "@/store/index.js 引用vuex的方式,store的状态不是再是响应式的。其他vue页面store状态正常是响应式的。
但是编译成h5运行又都是正常的,代码在附件里,项目比较粗糙,只需查看登录后的状态改变和监控页面的请求和请求参数即可

2022-04-21 15:22 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

调整如下:

  1. 在 index.nvue 中 useStore() 的获取方式调整为 getApp().$store
  2. 在 http.js 中 store.state 调整为 getApp().$store.state

即:
vue3 环境下,在 nvue 页面或可能被引入到 nvue 页面的 js 中,使用 getApp().$store 获取 vuex 的全局 store

  • 最光阴 (作者)

    好的,感谢


    2022-04-21 16:54

要回复问题请先登录注册