小程序点击按钮转发给朋友

最新推荐文章于 2024-08-01 15:20:05 发布

哈肉肉可萌了

最新推荐文章于 2024-08-01 15:20:05 发布

阅读量1.5w

点赞数 2

文章标签：小程序转发

本文链接：https://blog.csdn.net/qq_38913386/article/details/79897253

版权

看官方文档,转发事件一定是绑在 button 组件上面.给button组件设置属性:open-type="share"

点击按钮直接就会触发转发的方法,可以转发给指定的微信好友.

但是这个需求还不够,用户那边收到的是转发的那个页面,点进去以后也是那个页面

   onShareAppMessage: 
  function(){ 
 
  return{ 
 
   title: 
  "转发给好友", 
 
   imageUrl: 
  "/images/welcome_bac.png", 
 
   path: 
  "/pages/welcome/welcome" 
 
   } 
 
   }

在page里加上这些.imageUrl是用户分享出去的那个页面,path是点进小程序后用户首先进入的页面.

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

哈肉肉可萌了

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

微信小程序 - 详细动态设置分享转发时的参数，实现点击按钮元素后 “手动触发“ 动态设置参数并调起转发分享给好友（列表上每一个分享按钮，单独设置分享转发参数，每次都是不同的分享参数）

王佳斌

08-01

2670

微信小程序多个分享事件并带不同的参数，小程序一个列表中每个都带有分享功能怎么做，原生微信小程序怎么动态的给分享功能设置不同的参数，动态设置分享参数后再点击右上角三个点的分享就会报错，设置动态分享参数后发现原来的分享报错了，微信小程序如何动态设置分享的配置参数，微信小程序开发中怎么能动态带参数设置分享，微信小程序一个页面有多个分享怎么办，一个页面表格列表中每个列都有分享按钮怎么实现，小程序分享转发时每次都带不同的参数，设置动态转发参数后导致本页面的分享功能失效，微信小程序一个页面中多个分享button怎么区分

微信小程序 Button 组件详解及简单实例

11-29

1 条评论您还未登录，请先登录后发表或查看评论

小程序分享给好友以及分享到朋友圈

爱敲代码的狼仔

08-22

1万+

微信如何实现分享给好友以及分享到朋友圈功能

小程序按钮分享

最新发布

qq_43235503的博客

08-01

137

小程序按钮分享

unapp微信小程序转发分享、携带参数

柑橘乌云_

03-10

1万+

unapp微信小程序转发分享、携带参数、自定义转发、小程序分享票据shareTickets、统一配置分享功能

小程序分享自定义（页面右上角自带分享 + button按钮定义分享）

weixin_66029924的博客

07-17

773

微信小程序、自定义分享、button分享

小程序设置按钮分享功能

scarlett1017的博客

06-26

1万+

一般小程序分享可以通过右上角的分享功能进行分享，如果想要在页面内进行按钮设置。可以这样子设置：定义button按钮来触发分享事件，在button标签上写上 open-type='share’属性 WXCSS中：需要去掉button的一些样式 JS中：...

微信小程序实现限制用户转发功能的实例代码

11-20

当用户点击右上角的菜单按钮时，原本的“发送给朋友”按钮将会变为灰色，并提示当前页面不能转发。这一步骤有效地阻止了用户通过常规途径进行页面的分享。接下来，我们需要处理群聊会话中长按小程序卡片进行转发的...

微信小程序转发

03-29

微信小程序转发涉及以下4个方法： 1、Page.onShareAppMessage({}) 设置右上角“转发”配置，及转发后回调函数返回 shareTicket 票据 2、wx.showSahreMenu() 用户点击右上角后，显示“转发”按钮 3、wx....

微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能

12-02

1.多张图片循环渲染后预览、保存、识别带参数二维码 wxml页面 “{{imgalist}}” wx:for-item=“image” class=“previewimg”> “{{image}}” data-src=“{{image}}” bindtap=“previewImage”> ...

小程序点击按钮分享

帆酱的博客

05-05

3578

小程序分享 小程序中除了右上角的自带分享之外，还可以做成点击按钮分享 wxml <button class="bottom_in" open-type="share" id="share" plain="true" > <image class="img" src="../../img/my/share.png"></image> </button> 其中open-type="share"是核心属性，且只能由button元素触发 js

微信小程序 - 如何通过button按钮实现分享（转发）功能

03-29

小程序官方API 有两种方式，一种是页面内按钮分享，一种是菜单转发. 1.页面内按钮分享 (此图片来源于网络，如有侵权，请联系删除! ) 可以自定义以下内容 (此图片来源于网络，如有侵权，请联系删除! ) wxml (此图片来源于网络，如有侵权，请联系删除! ) js (此图片来源于网络，如有侵权，请联系删除! ) 2.菜单分享 (此图片来源于网络，如有侵权，请联系删除! ) 免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的

微信小程序—点击按钮分享给好友

Poppy_LYT的博客

04-21

6223

<button class="button-share" open-type="share">点击分享给微信好友</button> onShareAppMessage (e) { return { title: '自定义标题', path: '/pages/home/main', // 好友点击分享之后跳转到的小程序的页面 desc:...

微信小程序转发功能的实现

qq_39355295的博客

04-19

2800

前段时间做了一个微信小程序的项目，在项目中有实现过小程序的转发功能,这里给大家分享一下，有不对的地方勿喷微信小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html 实现小程序转发有二种方式，一种是用户点击右上角转发，一种是在html文件中通过button实现转发功能第一种方式: 在官方文档...

jQuery实现页面滚动条自动滚动到需要的位置

zhangzeshan

07-23

1万+

代码如下： <script> $(function(){ $('html,body').animate({scrollTop:1000},'slow'); }) </script> 解读代码：在载入html页面的body这一块内容中，实现滚动进行展示body的某一块内容，scrollTop方法进行滚动1000像素（像素越大滚动的越下去，也...

微信小程序点击按钮分享指定页面

梅妮儿的博客

09-03

2万+

微信小程序点击按钮分享指定页面 1.在wxml里写所要点击的按钮 &amp;lt;button data-info='{{order}}' open-type=&quot;share&quot; hover-class='none'&amp;gt;分享&amp;lt;/button&amp;gt; 2.在js页面 //gbi指用户所要传递的参数(可以没有参数) //pa

微信小程序分享到朋友圈