小程序中实现点击一个转发按钮，携带当前点击参数，转发另一个页面的功能

最新推荐文章于 2023-12-21 10:24:07 发布

liya_nan

最新推荐文章于 2023-12-21 10:24:07 发布

阅读量1.2w

点赞数

分类专栏：小程序开发中遇到的问题总结文章标签：小程序转发 onShareAppMessage open-type share

本文链接：https://blog.csdn.net/liya_nan/article/details/81634695

版权

本文介绍了如何在微信小程序中使用button的open-type='share'属性结合onShareAppMessage()方法，实现在点击转发按钮时，不仅触发转发操作，还能将当前页面的点击参数传递到被转发的新页面。

摘要由CSDN通过智能技术生成

微信官方文档新提供了button的open-type="share"属性，然后js中直接定义onShareAppMessage()方法,旨在更直观的触发用户转发。但是有时候需要转发另一个页面，并且需要将当前点击对象的信息传递到要转发的页面。下面就来展示一下实现过程：

wxml：

<button
   class="zanbtn shared"
   data-item="{
  {comment}}"
   open-type="share"
   hover-class="none">
   <image
      class='zanIcon commentIcon'
      src="/assets/images/shared.png" />
</button>

js：

onShareAppMessage(options) {
    const that = this;
    const { userInfo } = that.data;
    const item = options.target.dataset.item;

    return {
      title: `${userInfo.nickname}推荐