mpvue开发小程序分享朋友圈无法自定义标题解决方法

JackieZhengChina

于 2022-01-08 12:15:37 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：移动开发 mpvue 文章标签：小程序微信小程序前端

本文链接：https://blog.youkuaiyun.com/admans/article/details/122378410

移动开发同时被 2 个专栏收录

22 篇文章

订阅专栏

mpvue

1 篇文章

订阅专栏

本文介绍了如何在Node_modules的mpvue包中修改index.js，新增'onShareTimeline'生命周期钩子，实现自定义微信小程序的分享到朋友圈功能，包括设置菜单和自定义分享内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在node_modules里面找到mpvue，手动修改一下mpvue这个包下的index.js文件

// 用户点击右上角分享 到朋友圈
onShareTimeline: rootVueVM.$options.onShareTimeline
          ? function (options) { return callHook$1(rootVueVM, 'onShareTimeline', options); } : null,

找到 LIFECYCLE_HOOKS，新增加 'onShareTimeline',

重新编译即可。

附：分享功能代码

设置允许“发送给朋友”(shareAppMessage)
设置允许“分享到朋友圈”(shareTimeline)

事件处理函数返回一个 Object，用于自定义分享内容

mounted() {
    wx.showShareMenu({ menus: ['shareAppMessage', 'shareTimeline'] })
},
onShareAppMessage() {
    return {
        title: '标题',
        path: '/pages/blog/main'
    }
},
onShareTimeline() {
    return {
        title: '这是标题，可以自定义',
        query: 'a=1', // 自定义页面路径中携带的参数，如 path?a=1&b=2 的 “?” 后面部分
        imageUrl: '' // 自定义图片路径，显示图片长宽比是 1:1，默认使用小程序 Logo
    }
},