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

分类：uni-app

bug反馈

产品分类： 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运行又都是正常的，代码在附件里，项目比较粗糙，只需查看登录后的状态改变和监控页面的请求和请求参数即可

test.zip

2022-04-21 15:22 负责人:无分享

1 个回复

DCloud_UNI_FXY

调整如下：

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

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

最光阴 (作者)

好的，感谢

2022-04-21 16:54

该问题目前已经被锁定, 无法添加新回复

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

操作步骤：

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

预期结果：

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

实际结果：

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

bug描述：

1 个回复

公告

相关问题

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

操作步骤： 真机运行附件项目，登陆后点开监控页面，会发起请求

预期结果： 能够正确获取store中状态，请求数据正常

实际结果： store中状态没有改变，取值失败为undefined, 导致请求参数缺失请求失败

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

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

操作步骤：

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

预期结果：

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

实际结果：

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