小程序05/ 小程序项目中-vuex踩坑和解决方案 、小程序项目中Vuex数据持久化存储、小程序项目中获取微信收货地址

一.小程序项目中-vuex踩坑和解决方案

问题: 小程序端不支持 $store.xxx来更新 vuex数据 

<view>{{ $store.state.username }} </view>

解决方法

通过 computed 计算出新的变量在当前页面使用

computed: {
    ...mapState(['username'])
}

二.小程序项目中Vuex数据持久化存储

存储到 本地存储

 mutations: {
      // 存入本地存储中
      uni.setStorageSync('定义存储名', 定义存储值);
  },

三.小程序项目中获取微信收货地址

介绍: 由于小程序是运行在微信上的一个程序 因此可以获取微信的收货地址 去年7月14日后发布后 若使用该接口 需要在app.json内声明

uni-app声明和调用方式

1. 在ainfest.json文件内

"mp-weixin": {
        "appid": "xxxx",
        "requiredPrivateInfos": [  // 主要的
            "chooseAddress"   
        ],
    },

2.在Vue文件内调用

 async 函数名() {
      const [error,res] = await uni.chooseAddress();
      console.log(res); // 这里是填写后的收货地址
    }