小袁在努力

导航

uniapp的本地存储

 uniapp的数据缓存在uniapp的官方文档里面也有提到,我在这里简单的描述一下。https://uniapp.dcloud.io/api/storage/storage.html

 //存储到本地存储
                uni.setStorage({
                    key: '键值,可以自己随便设置,具有唯一性',
                    data: '需要存储的内容,只支持原生类型、及能够通过 JSON.stringify 序列化的对象'
                })
                // 从本地缓存里面获取数据
                let _this = this
                uni.getStorage({
                    //key值为custom
                    key: `键值`,
                    success: function(res) {
                        console.log(res,'res')
                    }

 

示例:

export default {
    data() {
        return {
            active:[]
        }
    },
    methods: {
        pass() {
            //存储到本地存储
                uni.setStorage({
                    key: 'custom',
                    data: this.active
                })
                // 从本地缓存里面获取数据
                let _this = this
                uni.getStorage({
                    //key值为custom
                    key: `custom`,
                    success: function(res) {
                        _this.active = [...res.data]; //这里也可以不使用es6的扩展运算符
                        console.log(_this.active, '_this.active');
                    },
                })
        }
    }
}

 


posted on 2022-06-10 17:29  小袁在努力  阅读(903)  评论(0编辑  收藏  举报