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

1. index.js中定义 onShareAppMessage,其实是小程序本来就有的方法。只是实现一下。

便可在小程序右上角选择分享该页面

pages\index\index.js

  onShareAppMessage:function(){return{title:'测试分享传数据',desc:'分享的内容',path:'/pages/show/show?id=1212'}}

2.

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

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

pages\index\index.wxml

<!--index.wxml--><button open-type="share">分享</button>

获取分享的参数

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

pages\show\show.js

  /*** 生命周期函数--监听页面加载*/onLoad: function (options) {console.log('111')console.log(options)console.log('222')},

微信小程序实现带参数的分享功能相关推荐

  1. 微信小程序中带参数返回上一页的方法总结(三种)

    本篇文章给大家带来的内容是关于微信小程序中带参数返回上一页的方法总结(三种),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 方法一 把当前页面数据放入本地缓存( wx.setStor ...

  2. 微信小程序路径带参数跳转

    微信小程序路径带参数跳转 release_con: function () {console.log(this.data.cateid)wx.navigateTo({url: '/pages/rele ...

  3. 微信小程序实现带参数的字符串表达式判断真值

    先看效果图 在这之前有大佬实现了微信小程序中的eval,亲测过,可行,但体量有点大,决定自己写个简单的eval,不求实现复杂逻辑,够用就行. 一.背景 应公司需求,计算表达式的true,false值, ...

  4. 微信小程序点击icon实现分享功能

    微信小程序点击icon实现功能分享功能 1.小程序分享功能实现方式 2.定义触发分享功能的icon按钮 3.onShareAppMessage实现分享 本文是想点击一个icon触发实现分享功能 1.小 ...

  5. uniapp微信小程序和打包app的分享功能

    小程序端和app端分享html: <!-- #ifdef APP-PLUS --> <view class="goodsMenu" @click="ap ...

  6. 微信小程序支持view触发转发分享功能

    # 情境 今天做项目,特定场景下,我必须要用view标签元素,触发转发分享功能 但是,阅读小程序官方文档后,只有两种情况会触发转发操作 1. 点击小程序右上角的转发按钮 2. button标签添加op ...

  7. uniapp App跳转微信小程序并互相传递参数、接收微信小程序传递的参数

    本文是uniapp打包成安卓App. 一.注意事项 1.用到了分享功能,在打包App时,需要配置manifest.json:App 模块配置->Share.按照提示填写微信分享的信息,appid ...

  8. 小程序提交表单mysql_GitHub - kun19911227/minipro: 微信小程序提交带图片的表单

    minipro 微信小程序提交带图片的表单 目录说明 upload_images ├── pages │ ├── upload_info 提交表单 │ └── display_info 信息展示 ├─ ...

  9. 微信小程序轮播图中间变大_微信小程序实现带放大效果的轮播图

    本文实例为大家分享了微信小程序实现带放大效果的轮播图,供大家参考,具体内容如下 效果如图 WXML WXSS .Carousel{ margin-top: 49px; background-color ...

  10. 微信小程序自带地图_微信小程序开发之之地图功能(map)

    本文将带你了解微信小程序开发之之地图功能(map),希望本文对大家学微信有所帮助. 主要介绍微信小程序中的地图模块相关功能.基本使用地图组件使用起来也很简单..wxml 1212参数列表及说明如下:除 ...

最新文章

  1. 为什么携程要做好持续交付?
  2. 李开复:天才将占领创业领域
  3. 【机器学习】K-近邻算法-模型选择与调优
  4. Python笔记——基本数据结构:列表、元组及字典
  5. BZOJ3387栅栏行动
  6. 判断是否存在此对象_JVM的垃圾回收机制,判断对象是否死亡
  7. 求职小记(持续更新)
  8. android复杂列表滑动卡顿,Android 列表滑动性能优化总结
  9. Win10系统如何退出桌面磁贴功能
  10. 揭秘 AWS 基础架构底层运维和构建之道!
  11. 数字游戏---巧妙解答
  12. Flink 新一代流计算和容错——阶段总结和展望
  13. thinkpadt410接口介绍_Thinkpad-T410 T410S笔记本左右接口以及硬件设备详细介绍!
  14. 【无锡学院/南信大滨江学院】IOS快捷指令登陆校园网——Iphone12实测
  15. 【设计模式03】 建造者模式
  16. C#读取Excel文件
  17. Oralce存储过程
  18. PS 开启GPU加速图片处理
  19. python 绘制简单的折现图
  20. 【IoT开发工具箱 | 02】嵌入式Linux设备网速测试方法

热门文章

  1. BufferedImage类、Image类、Graphics类
  2. 最新版校园招聘进大厂系列----------(3)字节篇 -----未完待续
  3. web asp.net 发布网站和配置iis(win10)
  4. 课室用的电子黑板|一体手写屏哪家做的好?
  5. 四川计算机职称考试报名时间2015年,2015年四川省计算机职称考试各城市报名时间...
  6. 线性渐变 `-webkit-linear-gradient`
  7. 《tensorflow实战》6——强化学习之策略网络
  8. 外贸收款(解析重点)——上海赢支付wintopay
  9. 怎么做口碑营销?口碑营销有哪些方式?
  10. 世界四大名柚有哪些?