Taro vue开发如何设置转发朋友、朋友圈

最新推荐文章于 2025-10-24 17:52:25 发布

原创最新推荐文章于 2025-10-24 17:52:25 发布 · 579 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #微信小程序 #经验分享

javascript 专栏收录该内容

3 篇文章

订阅专栏

在Vue3的小程序项目中，由于setup语法糖的限制，需要在exportdefault中定义onShareTimeline和onShareAppMessage方法来设置分享到朋友圈和聊天的标题、路径及图片。在index.config.js中开启分享功能后，vue文件内需提供具体分享内容，包括自定义标题和1:1或100x80比例的图片。

在index.config.js文件内如下设置：

export default {
  navigationBarTitleText: 'mini工具',
  enableShareAppMessage: true,
  enableShareTimeline: true
}

在vue文件内，注意vue3的setup语法糖内设置无效，需要完整加入以下代码：

   export default {
        onShareTimeline ()
        {
              return{
                title:'二维码生成器——mini工具箱',
                path: "/pages/index/index",
                imageUrl: require("../../assets/images/toolbox2.png") //图片1:1比例为佳
              }
        },
        onShareAppMessage ()
        {
            return{
              title:'二维码生成器——mini工具箱',
              path: "/pages/index/index",
              imageUrl: require("../../assets/images/toolbox-rect.png") //图片100x80的比例为佳
            }
        }
   }