美文网首页
微信小程序分享功能的实现方法有两种:

微信小程序分享功能的实现方法有两种:

作者: 中v中 | 来源:发表于2022-03-10 22:44 被阅读0次

    微信小程序分享功能的实现方法有两种:

    第一种

    在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面

    onShareAppMessage: function () {
     return {
      title: '弹出分享时显示的分享标题',
      desc: '分享页面的内容',
      path: '/page/user?id=123' // 路径,传递参数到指定页面。
     }
    }
    

    第二种

    自定义按钮实现分享,在page中添加一个带有open-type='share'的button标签(<button open-type='share'></button>)。点击该按钮后,即会自动触发已经在page.js中定义好的onShareAppMessage方法,实现分享功能。

    <button open-type='share'>分享</button>

    获取分享传递的参数

    如上例,path属性指向的是user页面,并附带id=123的参数。我们只需在user.js的onLoad函数中,通过options查看传递过来的参数:

    // user.js
    Page({
     onLoad: function(options) {
      console.log(options);
     }
    })
    

    相关文章

      网友评论

          本文标题:微信小程序分享功能的实现方法有两种:

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