当前位置: 首页 > news >正文

微信小程序带参数分享界面、打开界面加载分享内容

分享功能是微信小程序常用功能之一,带参分享和加载可以让分享对象打开界面时看到和分享内容。

带参分享

用户点击微信小程序右上角自带分享,或者点击自定义分享按钮进行分享时,可在onShareAppMessage函数定义分享行为。

分享界面路径可带参,可在路径后加?,然后加上带的参数,一般格式为[参数名]=[参数值],需注意的是,参数值需为string,如果你的参数是对象类型,可以通过JSON.stringify转为string,后续可通过JSON.parse转回对象类型。

  onShareAppMessage() {var card_info = {info1: this.data.info1,info2: this.data.info2,}var card_string = JSON.stringify(card_info)return{path: '/pages/ex-card/ex-card?card_string='+card_string}    },

需注意的是,自定义分享按钮open-type需设为"share":

<button type="primary" plain size="mini" open-type="share" style="position: absolute;right:0;font-size:small;margin-right: 10rpx;">分享</button>

 

带参加载界面

在onLoad函数定义加载行为:

判断加载时是否带参,带参时使用参数加载,不带参使用默认值加载。

  onLoad(options) {var page = getCurrentPages()var current_page = page[page.length-1]if(Object.keys(current_page.options).length>0){var card_options = JSON.parse(current_page.options.card_string)this.setData({info1:card_options.info1,info2: card_options.info2})     }},

更多微信小程序内容欢迎关注、评论、私信博主。

http://www.lryc.cn/news/283801.html

相关文章:

  • 中小企业选择CRM系统有哪些注意事项?如何高效实施CRM
  • 轮胎侧偏刚度线性插值方法
  • 前端JS代码中Object类型数据的相关知识
  • vue基于Spring Boot共享单车租赁报修信息系统
  • CentOS 6.10 安装图解
  • Web自动化测试中的接口测试
  • 轻松识别Midjourney等AI生成图片,开源GenImage
  • ARP相关
  • uniapp打包配置 (安卓+ios)
  • 【算法优选】 动态规划之简单多状态dp问题——壹
  • Git学习笔记(第2章):Git安装
  • C生万物呀
  • 华纳云:怎么解决docker容器一直处于重启状态的问题?
  • react native android使用命令生成打包签名密钥
  • 245.【2023年华为OD机试真题(C卷)】内存冷热标记(JavaPythonC++JS实现)
  • Docker五部曲之五:通过Docker和GitHub Action搭建个人CICD项目
  • 「JavaSE」类和对象3
  • IntelliJ IDEA 中输出乱码解决
  • 序列到序列模型
  • 计算机网络(第六版)复习提纲4
  • 天拓分享:汽车零部件制造企业如何利用边缘计算网关和数网星平台实现数控机床数据采集分析
  • 爬虫逆向开发教程1-介绍,入门案例
  • 时序分解 | Matlab实现CEEMDAN+PE自适应噪声完备集合经验模态分解+排列熵计算
  • Oracle命令大全
  • 目标检测--01
  • MyBatisPlus学习笔记三-核心功能
  • 【并发编程系列】putIfAbsent和getOrDefault用法
  • 人力资源智能化管理项目(day01:基础架构拆解)
  • JAVA ORM Bee的设计模式分析
  • go语言(三)----函数