uni-app微信小程序多页面分享功能

950 阅读1分钟

开门见山

uni.onAppRoute方法是注册路由变化监听器 这里在全局文件下注册

App.vue文件中

文档地址 文档地址2

<!-- 这两个生命周期选择一个即可 -->
export default {
  onLaunch(options) {
    // 监听小程序启动事件
    uni.onAppRoute((res) => {
      console.log('路由变化:', res);
      // 在这里执行你的逻辑操作
      uni.showShareMenu({
        withShareTicket: true,
        // 数组0为分享给朋友、数组1为分享到朋友圈
        menus: ['shareAppMessage', 'shareTimeline']
      })
        //不配置的话有默认值-参考文档地址2
        // onShareAppMessage() {
        //  return {
        //   title: '这是分享标题',
        //   path: res.path,
        //   imageUrl: 'http://example.com/share.jpg',
        //   desc: '这是分享备注信息'
        //  }
        // }
    });
  },
  onShow(options) {
    // 监听小程序显示事件
    uni.onAppRoute((res) => {
      console.log('路由变化:', res);
      // 在这里执行你的逻辑操作
    });
  }
}