微信小程序转发传值及自定义图片

最新推荐文章于 2023-08-09 15:36:25 发布
最新推荐文章于 2023-08-09 15:36:25 发布
阅读量2.3k 收藏 1
点赞数
分类专栏： 小程序

近日帮朋友做个微信小程序，不得不说小程序真的很便捷

今日做到关于转发分享部分，一不小心给自己挖了坑

需求：自定义一个按钮来实现转发功能，想使转发界面换成我自定义的图片而不是缩略图，并且转发时需要传一些参数。

465fd6a611f9f0c4c7adf2afabe1d32c.jpg

 

这是我的按钮实现 想传一个id并且转发界面换成我的图片，
但是发现无论如何都不成功，完全取不到值，图片也没有，很是伤心。。。

慢慢调试 先改用系统的转发方法（onShareAppMessage）试试，发现居然有用，So 知道原因了，小程序转发功能你需要写在onShareAppMessage方法里，自定义按钮调用此方法即可

图如下：

必须写的

 

6afa142a173d43f51795cdd613e6c352.jpg

自定义按钮方法调用转发

 

6069bfa2a77fc8f7a6b66d7df2aafbb8.jpg

转发的界面里在onLoad方法里取值即可

 

0124510a5b1f0d10253bbcd2d72e26a2.jpg

当然自定义图片本地的网络的都可以

奋斗8骚年
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序传值以及获取值方法的详解
01-03
微信小程序传值以及获取值方法，传值有两种方法，对应也有获取值得方法， 1、设置id的方法标识跳转后传递的参数值； 2、通过使用data – xxxx 的方法来标识要传递的值 微信小程序设置id的方法标识来传值 在要跳转的item处，设置一个id并给当前的id赋值上对应的key值，比如一部电影的id（后面带着id去下一个页面查询，详细信息）如： 后我们在js的bindtap的响应事件中获取，并传递到下一个界面中； 获取到id传的值 通过e.currentTarget.id;获取设置的id值，并通过设置全局对象的方式来传递数值， 获取全局对象 var app=getApp(); //设置全局的请
【小程序】如何手动绘制分享用的图片
老梁的专栏
06-28 590
本文介绍了如何利用 Canvas 生成一个用于分享的图片，有代码，有实例。
微信小程序基础 赋值、图片等比mode="widthFix"、绑定事件bindtap、事件传值data-id、添加class、跳转页面wx.navigateTo、wx.redirectTo 等
夜阑珊妖妖
12-03 535
1.赋值 <text class="zxp">{{title}}</text> <image wx:for="{{imgArr}}" wx:key="key" wx:if="{{index == 0}}" mode="widthFix" src="{{item}}" alt...
小程序页面传值
code袁的博客
08-17 962
小程序携带参数跳转到页面详情页（附源码） 1.vxml在你需要跳转的按钮或者图片中绑定bindtap的内容，data-是需要跳转的参数的，其中的id为你想要跳转的参数。{}中的为跳转后携带的值。 <view class="body_left"> <image src="/image/pause.png" bindtap="goPaly" data-id="{{item.id}}"></image> </view> 2.js页面中通过固定语句语法e
微信小程序的几种传值方式
z_星河的博客
02-06 7522
微信小程序的四种传值方式你了解多少？
【微信小程序】小程序自定义随机分享图片
zhangxueyou2223的博客
09-27 3201
大家好，我是痴心阿文，你们的学友哥 。 本章内容：微信小程序分享功能，支持自定义分享随机图片。看完需要花费5分钟，效果图如下：
微信小程序如何自定义分享卡片文案和图片
u010231454的专栏
08-09 1237
微信小程序提供了onShareAppMessage方法，专门用来监听用户点击页面内转发按钮（button 组件 open-type="share"）或右上角菜单“转发”按钮的行为，并自定义转发内容。PS：卡片图片imageUrl可以是本地的，也可以服务器上传的url。> 注意：只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮。起，分享图支持云图片。
微信小程序分享图片给微信好友（如二维码）
weixin_54079103的博客
02-21 6383
微信小程序分享图片给微信好友（如二维码）最近在公司开发一个微信小程序项目，用到的uniapp技术，在分享图片时，查看了uniapp的技术文档，写的还是很粗糙的，说得不太清楚，在我看了一个下午得出了一个结论，uniapp并没有封装可以转发图片到微信好友中的api。提示：以下是本篇文章正文内容，下面案例可供参考。
微信分享时自定义分享图片
weixin_38516972的博客
10-18 1686
微信分享时自定义分享图片
微信小程序自定义分享标题和图片
ckmzlf的专栏
01-27 6849
微信小程序onShareAppMessage自定义分享标题和图片
单个图片和批量图片添加自定义内容水印小程序
07-28
还在为自己写的博客内容被人随意转载吗？ 只需使用该小程序 即可添加属于自己的水印内容
微信小程序 传值取值的几种方法总结
12-29
微信小程序 传值取值 小程序里常见的取值有以下几种，一个完整的项目写下来，用到的概率几乎是100%。 列表index下标取值 页面传值 form表单取值 1. 列表index下标取值 实现方式是：data-index=”{{index}}”挖坑...
微信小程序自定义组件传值 页面和组件相互传数据操作示例
10-17
主要介绍了微信小程序自定义组件传值 页面和组件相互传数据操作,结合实例形式分析了微信小程序常见传值操作相关实现技巧,需要的朋友可以参考下
微信小程序自定义组件封装及父子间组件传值的方法
01-03
首先在我们可以直接写到需要的 page 中，然后再进行抽取组件，自定义组件建议 wxzx-xxx 命名 官网地址：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 例如，我们封装的组件名为 *...
node-v16.12.0-darwin-x64.tar.xz
最新发布
04-23
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
试用Dev Containers的示例项目-Go
04-23
计算机技术是指评价计算机系统的各种知识和技能的总称。它涵盖了计算机硬件、软件、网络和信息安全等方面。计算机技术的发展使我们能够进行高效的数据处理、信息存储和传输。现代计算机技术包括操作系统、数据库管理、编程语言、算法设计等。同时，人工智能、云计算和大数据等新兴技术也在不断推动计算机技术的进步。计算机技术的应用广泛，涵盖了各个领域，如商业、医疗、教育和娱乐等。随着计算机技术的不断革新，我们可以更加高效地实现预期自动化、标准化
NTsky新闻发布v1.0测试版(提供JavaBean).zip
04-23
### 内容概要： 《NTsky新闻发布v1.0测试版》是一款基于 Java 开发的新闻发布系统的测试版本，旨在为新闻机构和媒体提供一个简单易用的新闻发布平台。该系统具有基本的新闻发布和管理功能，包括新闻分类、新闻编辑、新闻发布等核心功能。此外，该版本还提供了 JavaBean，使开发人员能够方便地将系统集成到自己的项目中，快速实现新闻发布的功能。 ### 适用人群： 本测试版本适用于新闻机构、媒体从业者以及Java开发人员。如果你是一家新闻机构或媒体，希望拥有一个简单易用的新闻发布平台，方便快捷地发布和管理新闻，那么这个测试版本将为你提供一个初步的体验。同时，如果你是一名Java开发人员，希望学习和掌握新闻发布系统的开发技术，并且对新闻行业有一定的了解，那么通过这个测试版本，你可以获取到一些JavaBean，并且可以参考系统的设计和实现，为你的项目开发提供参考和借鉴。无论是从业务需求还是技术学习的角度，该测试版本都将为你提供一定的帮助和支持。
JavaScript介绍.zip
04-23
javascript，JavaScript 最初由 Netscape 公司的 Brendan Eich 在 1995 年开发，用于 Netscape Navigator 浏览器。随着时间的推移，JavaScript 成为了网页开发中不可或缺的一部分，并且其应用范围已经远远超出了浏览器，成为了全栈开发的重要工具。
15-21.php
04-23
15-21.php
微信小程序组件传值和组件通信
07-28
回答: 在微信小程序中，组件之间的传值和通信可以通过使用properties属性和自定义事件来实现。首先，在子组件中使用properties属性声明要接收的数据类型，例如String类型。\[1\]然后，在父组件中通过自定义事件来接收子组件传递过来的内容。在父组件的methods中定义一个事件处理函数，通过e.detail来获取子组件传递的内容，并进行相应的处理。\[2\]这样就实现了组件之间的传值和通信。如果你对Vue的父子组件通信和事件触发也感兴趣，可以查看一篇关于Vue的相关文章。\[3\] #### 引用[.reference_title] - *1* *2* *3* [微信小程序之父子组件传值通信与事件触发（最全实用总结）](https://blog.csdn.net/XH_jing/article/details/111563278)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值