请叫我欧皇i 2024-01-04 17:29 采纳率: 0%
浏览 66

uniapp打包成apk后uni.setStorageSync只能存储当前页面,页面切换时获取不到存储的值

问题:uniapp打包成apk后uni.setStorageSync只能存储当前页面,页面切换时获取不到存储的值
以下是获取不到的例子:在A页面存储后在B页面是获取不到的,但是在A页面提示是存储成功了,只有在当前页面存储可以获取到内容,下面这俩个存储方法我都试了还是不行,只有打包成apk或者是运行到手机或者模拟器的时候是这样,在微信小程序和真机调试都可以获取到存储的值,有没有遇到相同问题的小伙伴帮忙解答下~

```javascript
A页面
uni.setStorageSync("token", result.token)  
    uni.setStorageSync('ceshi','ceshi')  
    uni.setStorage({  
    key:'wuyu',  
        data:'aaaaaaa',  
        success(res) {  
        console.log(res,'存储成功');  
                            }  
                        })  
B页面  
        const value =uni.getStorageSync('ceshi');  
            if(value){  
                console.log(value)  
                this.ces=value;  
            }else{  
                this.ces='没获取到'  
                console.log('没获取到');  
            }  
    uni.getStorage({  
        key: 'wuyu',  
        success:(res) =>{  
            console.log(res.data,'-----w1wuyu');  
        },  
        fail:(err)=> {  
            console.log(err,'获取不到');  
        }  
    });  
以下是获取的到的例子,在A页面存储,在A页面获取  
    uni.setStorageSync('ceshi','ceshi')  
            const value =uni.getStorageSync('ceshi');  
            console.log(value,'本地存储的值类型');  
            if(value){  
                console.log(value)  
                this.ces=value;  
            }else{  
                this.ces='没获取到'  
                console.log('没获取到');  
            } 


```

  • 写回答

1条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2024-01-04 20:29
    关注

    【以下回答由 GPT 生成】

    我可以帮助解答这个问题。

    在uniapp中,使用uni.setStorageSync方法进行数据存储时,存储的数据是保存在本地缓存中的。在页面切换的过程中,uniapp框架会默认进行页面的销毁和重建,这个过程会导致本地缓存数据被清除。因此,在切换页面后,之前存储的数据无法获取到。

    解决这个问题的方法是,使用uniapp提供的全局事件总线(Event Bus)。通过事件总线,可以在页面之间进行数据的传递,实现存储和获取数据的功能。

    以下是具体的解决方案:

    1. 在main.js文件中创建全局事件总线对象:
    Vue.prototype.$eventBus = new Vue();
    
    1. 在A页面中,将要存储的数据通过事件总线发送出去:
    // A页面
    this.$eventBus.$emit('storeData', {
        token: result.token,
        ceshi: 'ceshi',
        wuyu: 'aaaaaaa'
    });
    
    1. 在B页面中,监听事件总线,获取存储的数据:
    // B页面
    mounted() {
        this.$eventBus.$on('storeData', data => {
            const value = data.ceshi;
            if (value) {
                console.log(value);
                this.ces = value;
            } else {
                this.ces = '没获取到';
                console.log('没获取到');
            }
            console.log(data.wuyu, '-----w1wuyu');
        });
    },
    

    通过以上步骤,A页面通过事件总线发送存储的数据,B页面通过监听事件总线获取数据。这样就可以实现在页面切换时获取存储的值。

    希望以上解决方案对您有帮助。如果还有其他问题,请随时提问。


    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    评论

报告相同问题?

问题事件

  • 创建了问题 1月4日

悬赏问题

  • ¥100 sql reporting service 远程smtp服务器配置支持
  • ¥15 ppyoloe_r带角度目标检测,loss_cls没法收敛
  • ¥15 淘宝交易指数如何解读,其关联的数据指标是什么
  • ¥15 Linux下安装搜狗拼音不能显示中文
  • ¥15 事件7000导致的自动重启如何解决
  • ¥15 (标签-matlab|关键词-m3)
  • ¥20 做一个web书店,带答辩
  • ¥15 #求带 python,使用pycharm爬取智联招聘数据资源并保存为Excel文件,同时以图表形式呈现
  • ¥15 学校优化算法怎么样,国内用的多吗?
  • ¥15 微信购物商城购物车的所有功能以及购物车,和首页的搜索功能