首页 资源列表 文章列表

uniapp微信小程序添加分享到朋友圈和发送给朋友功能vue3 setup

在要分享的页面添加下面代码

import { onShareAppMessage,onShareTimeline} from '@dcloudio/uni-app'


onShareAppMessage(()=> {

      return {

          title: '福星高照道观小程序', //分享的标题

          path: '/pages/index/index', //点击分享链接之后进入的页面路径

          imageUrl: '/logo.jpg', //分享发送的链接图片地址

          success() {

              // 分享完成,请注意此时不一定是成功分享

              uni.showToast({

                  title: "分享成功",

                  duration: 3500,

                  icon: "success"

              });

          },

          fail() {

              // 分享失败

              uni.showToast({

                  title: "分享失败",

                  duration: 3500,

                  icon: "error"

              });

          }

      }

  })

  //2.配置分享到朋友圈

  onShareTimeline(()=>{

      return {

          title: '福星高照道观小程序', //分享的标题

          query: '/pages/index/index', //点击分享链接之后进入的页面路径

          imageUrl: '/logo.jpg' ,//分享发送的链接图片地址

          success() {

              // 分享完成,请注意此时不一定是成功分享

              uni.showToast({

                  title: "分享成功",

                  duration: 3500,

                  icon: "success"

              });

          },

          fail() {

              // 分享失败

              uni.showToast({

                  title: "分享失败",

                  duration: 3500,

                  icon: "error"

              });

          }

      }

  })