美文网首页
小程序(二十)小程序转发

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

作者: camellias__ | 来源:发表于2020-10-30 14:00 被阅读0次

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

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

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

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

    代码如下:

    /**
       * 用户点击右上角分享
       */
      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

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

    相关文章

      网友评论

          本文标题:小程序(二十)小程序转发

          本文链接:https://www.haomeiwen.com/subject/sykdvktx.html