小程序(二十)小程序转发

2020-10-30  本文已影响0人  camellias__

微信小程序默认是没有转发和分享功能的。这个要注意。

我之前一直给其他人分享的时候一直都是用的二维码,那天突然想起来,这个玩意应该有转发的功能吧。试了一下,我还真没有。

这里大概记录一下转发的代码:

转发的函数,其实在创建文件的时候(用微信开发者工具创建)已经生成好了。

代码如下:

/**
   * 用户点击右上角分享
   */
  onShareAppMessage: function (options) {
var self = this;
// 获取当前页面链接
    var pages = getCurrentPages();
var url = pages[0].__route__;
// 拼装分享对象
    var shareobj = {
      title: '时间里的-随言碎语',
      path: url,
      imageUrl: "https://guanchao.site/uploads/atricle/5f20395dc160f.jpg",
      success: (res) => {
        utils.showToast('转发成功',1000);
      },
      fail: (res) => {
        utils.showToast('转发失败',1000);
      }
}
         // 来自页面内的按钮的转发
  if( options.from == 'button' ){
    var eData = options.target.dataset;
    console.log( eData.name );     // shareBtn
    // 此处可以修改 shareObj 中的内容
    shareObj.path = '/pages/btnname/btnname?btn_name='+eData.name;
  }

    return shareobj;
  },

这里分两种情况,一种是页面右上角的三个点的分享,一种是页面中的按钮的分享。都是走这个方法。

转发按钮wxml:

<button data-name="shareBtn" open-type="share">转发</button>

必须是button组件加上open-type="share"属性才好用。

以上大概就完成了小程序转发的功能

原文链接:https://guanchao.site/index/article/articledetail.html?artid=QoAdfqkoC

有好的建议,请在下方输入你的评论。

上一篇 下一篇

猜你喜欢

热点阅读