小程序数据持久化

220 阅读1分钟

小程序,使用uni框架 HBuider X 编辑器, 实现简单数据持久化

首先在vuex文件中或模块化store中使用:

shuzu = 要储存的数组  
cart 储存这个数据或者 空数组 或者就是没有数据的话就是空数组
     shuzu:JSON.parse(uni.getStorageSync('cart') || '[]')

创建一个方法:
cart = 储存的数据名,后面为实际数据
 saveToStorage(state){
       uni.setStorageSync('cart',JSON.stringify(state.shuzu))
 },
 
 当执行的添加方法完成以后可以调用 方法进行储存 
 
this.commit('cart/saveToStorage')

就完成简单持久化了。

代码:


     // 1. 购物车数组,购物车的商品信息持久化
   shuzu:JSON.parse(uni.getStorageSync('cart') || '[]')
     
    // 持久化数据 2. 定义方法  注意括号要记得调用state
   saveToStorage(state){
       uni.setStorageSync('cart',JSON.stringify(state.shuzu))
   },
       // // 3. 调用 在store 调用方法进行持久化
  this.commit('cart/saveToStorage')