微信小程序本地存储

浅浅的花香味﹌ 2021-07-24 22:16 494阅读 0赞

本地存储
    Api->数据缓存
    
    **存储**
      wx.setStorageSync()/wx.setStorage({})
      异步属性:
          key:'x',
          data:xx
      同步:
          wx.setStorageSync('key',xx)
    
    **获取**
      异步:
      wx.getStorage({
            key: 'key',
            success (res) {
              console.log(res.data)
            }
          })
      同步
          wx.getStorageSync('键名')
      
    **删除**
      异步：
      wx.removeStorage({
        key: 'key',
        success (res) {
          console.log(res)
        }
      })
    
      同步:
       wx.removeStorageSync('key')

代码示例:

var newsData=require("../../data/newsdata")
    Page({ 
    
    
      data: { 
          detailData:''
      },
    
      /** * 生命周期函数--监听页面加载 */
      onLoad: function (options) { 
        // console.log(newsData.newsData[options.id]);
    
        this.setData({ 
          detailData: newsData.newsData[options.id],
          newsid: options.id
        })
        //第一次进入,判断是否本地存储即收藏
        var newsCollect=wx.getStorageSync("newsCollect");
        if(!newsCollect)
        { 
          //若本地无存储,创建并默认数据为false
          var newsCollect={ };
          newsCollect[options.id]=false;
          //本地存储
          wx.setStorageSync("newsCollect", newsCollect);
        }else{ 
          var collect = newsCollect[options.id];
          this.setData({ 
            collected:collect
          })
        }
    
      },
      
      saveNew:function(event)
      { 
        //newsCollect为所有数据的集合
        var newsCollect = wx.getStorageSync('newsCollect');
    
        //collect为当前一条数据
        var collect = newsCollect[this.data.newsid]
        //点击时，如果收藏则取消,若过未收藏则取消
        collect = !collect;
        //更新到本地存储中
        newsCollect[this.data.newsid] = collect;
    
        wx.setStorageSync('newsCollect', newsCollect);
        //更新data中的条件渲染判断条件
        this.setData({ 
          collected: collect
        })
      }
    
    
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，494人围观）

还没有评论，来说两句吧...

相关阅读

相关【微信小程序】案例 - 本地生活

效果： ![b731b1758e654bf79d950c0b35ef28e8.gif][] 目录首页效果以及实现步骤 ① 新建项目并梳理项目结构 ② 配置导航栏效

╰+哭是因爲堅強的太久メ/ 2023年10月01日 22:51/ 0 赞/ 32 阅读

相关微信小程序使用本地存储

在使用微信小程序的时候当获取接口的数据的时候，接口传输过来的数据很大，而每一次回到这个页面又再一次的查询获取数据，这难免会拖垮小程序的速度。这个时候就需要使用本地存储。变量

梦里梦外;/ 2023年07月21日 08:54/ 0 赞/ 42 阅读

相关微信小程序innerAudioContext本地音频播放

微信小程序innerAudioContext本地音频播放文件路径不支持相对路径 innerAudioContext.src = '../images/test.mp3' 应

一时失言乱红尘/ 2023年07月09日 03:24/ 0 赞/ 38 阅读

相关微信小程序（七）本地调试

官方文档中对于网络请求有详细介绍：[https://developers.weixin.qq.com/miniprogram/dev/framework/ability/net

男娘i/ 2023年03月05日 03:29/ 0 赞/ 34 阅读

相关微信小程序本地存储的异步同步用法详解

[官网:https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html]

妖狐艹你老母/ 2022年12月11日 07:43/ 0 赞/ 221 阅读

相关微信小程序---保存图片到本地

1.用户授权 wx.getSetting({ success(res) { if (!res.authSetting[

秒速五厘米/ 2022年08月29日 11:59/ 0 赞/ 337 阅读

相关微信小程序-下载照片到本地

xml: <view class='btn download' bindtap="downloadphoto"> <image src='../.

蔚落/ 2022年03月15日 08:00/ 0 赞/ 336 阅读

相关微信小程序开发——本地数据缓存

说明　　本地数据缓存是小程序存储在当前设备上硬盘上的数据，本地数据缓存有非常多的用途，我们可以利用本地数据缓存来存储用户在小程序上产生的操作，在用户关闭小程序重新打开时

怼烎@/ 2022年03月10日 08:35/ 0 赞/ 471 阅读

相关微信小程序向本地保存

![image][] 提示框： wx.showToast(OBJECT) 显示消息提示框 wx.saveImageToPhotosAlbum({ f

快来打我*/ 2021年09月19日 16:16/ 0 赞/ 439 阅读

相关微信小程序本地存储

本地存储 Api->数据缓存存储 wx.setStorageSync()/wx.setStorage({}) 异步属

浅浅的花香味﹌/ 2021年07月24日 22:16/ 0 赞/ 495 阅读