2***@qq.com

发布：2023-07-07 15:38
更新：2024-05-31 17:01
阅读：397

【报Bug】nvue页面，import的reactive对象没有响应性（nvue页面+uni-id-pages）

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型： Alpha

HBuilderX版本号： 3.8.7

手机系统： Android

手机系统版本号： Android 11

手机厂商： OPPO

手机机型：一加6T

页面类型： nvue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

模仿uni-id-pages的store测试部分代码如下
文件 testStore

export const store = reactive(data)

文件 testA.nvue

import {  
        store  
    } from '@/store/testStore.js'  
    const hasLogin = computed(() => {  
        return store.hasLogin  
    })

文件 testB.nvue

import {  
        mutations  
    } from '@/store/testStore.js'  
    function test() {  
        mutations.loginSuccess()  
    }

操作步骤：

测试：

在testA页面显示store中的hasLogin

在testB页面修改store中的hasLogin

预期结果：

testB页面修改hasLogin状态后，testA页面hasLogin状态变化

实际结果：

结果：

当testA,testB是vue文件时，hasLogin状态正常

当testA,testB是nvue文件时，hasLogin响应性丢失

bug描述：

首页为nvue页面，导入uni-id-pages中的store，登录后首页的store并不会更新。

2023-07-07 15:38 负责人:无分享

2 个回复

DCloud_uniCloud_JSON

nvue是页面隔离，你可以把reactive(data)的数据挂在globalData下，再跨页面获取

下一个版本将会修复此问题，感谢反馈！

zhengyu

请问更新了吗

要回复问题请先登录或注册

【报Bug】nvue页面，import的reactive对象没有响应性（nvue页面+uni-id-pages）

操作步骤：

测试：

在testA页面显示store中的hasLogin

在testB页面修改store中的hasLogin

预期结果：

testB页面修改hasLogin状态后，testA页面hasLogin状态变化

实际结果：

结果：

当testA,testB是vue文件时，hasLogin状态正常

当testA,testB是nvue文件时，hasLogin响应性丢失

bug描述：

2 个回复

公告

相关问题

【报Bug】nvue页面，import的reactive对象没有响应性（nvue页面+uni-id-pages）

操作步骤： 测试： 在testA页面显示store中的hasLogin 在testB页面修改store中的hasLogin

预期结果： testB页面修改hasLogin状态后，testA页面hasLogin状态变化

实际结果： 结果： 当testA,testB是vue文件时，hasLogin状态正常 当testA,testB是nvue文件时，hasLogin响应性丢失

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

操作步骤：

测试：

在testA页面显示store中的hasLogin

在testB页面修改store中的hasLogin

预期结果：

testB页面修改hasLogin状态后，testA页面hasLogin状态变化

实际结果：

结果：

当testA,testB是vue文件时，hasLogin状态正常

当testA,testB是nvue文件时，hasLogin响应性丢失