uniapp开发微信小程序遇到的问题笔记

uniapp开发微信小程序遇到的问题笔记

问题1：微信小程序分享功能无法正常使用

问题描述

在uniapp开发微信小程序过程中，发现无法使用微信小程序的自带分享功能。

解决方案

由于uniapp框架本身已经集成了微信小程序的分享功能，所以我们只需要在页面中开启分享功能并设置分享内容即可。以下是示例代码：

<template>
  <view>
    <button @click="share">点击分享</button>
  </view>
</template>

<script>
  export default {
    onShareAppMessage() {
      return {
        title: '分享的标题',
        path: '/pages/index/index',
        imageUrl: '分享的封面图片',
      };
    },
    methods: {
      share() {
        uni.shareAppMessage({
          title: '分享的标题',
          path: '/pages/index/index',
          imageUrl: '分享的封面图片',
          success(res) {
            console.log('分享成功', res);
          },
          fail(err) {
            console.log('分享失败', err);
          },
        });
      },
    },
  };
</script>

问题2：微信小程序中storage无法正常使用

问题描述

在uniapp开发微信小程序过程中，发现无法使用微信小程序的本地存储功能。

解决方案

由于微信小程序中的storage机制发生了改变，所以在使用storage的时候需要通过wx.getStorageSync来获取本地存储的数据。以下是示例代码：

export default {
  data() {
    return {
      key: 'data_key',
    };
  },
  methods: {
    saveDataToLocal() {
      const data = '需要保存到本地的数据';
      wx.setStorageSync(this.key, data);
    },
    getDataFromLocal() {
      const data = wx.getStorageSync(this.key);
      console.log('本地存储中的数据', data);
    },
  },
};

以上就是本次uniapp开发微信小程序遇到的问题笔记的解决方法，还有其他的问题需要解决的话欢迎提出。