微信小程序转发商品的详情页 + 转发功能(传参)
2023-09-14 08:58:23 时间
1.微信小程序转发传参,利用的还是onShareAppMessageapi
2.利用的还有json转换
JSON 是用于存储和传输数据的格式。
JSON 通常用于服务端向网页传递数据
函数 描述
JSON.parse() 用于将一个 JSON 字符串转换为 JavaScript 对象。
JSON.stringify() 用于将 JavaScript 值转换为 JSON 字符串。
官方文档
自定义转发字段
字段 说明 默认值 最低版本
title 转发标题 当前小程序名称
path 转发路径 当前页面 path ,必须是以 / 开头的完整路径
imageUrl 自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4 1.5.0
success 转发成功的回调函数 1.1.0
fail 转发失败的回调函数 1.1.0
complete 转发结束的回调函数(转发成功、失败都会执行 1.1.0
利用其中路径来进行一个传值的方法
* 用户点击右上角分享
*
*/
onShareAppMessage: function () { return { title: '测试转发', path: '/pages/detail/detail?item=' + JSON.stringify(this.data.item), success: function (res) { console.log(res) } } },
其中item就是一个参值;
之后在当前的页面onload语句之中执行接受语句
onLoad: function (opt) { console.log(opt) let that = this; let pin; let item = JSON.parse(opt.item); console.log(item) that.setData({ item: item }) let slider = item.slider.split(","); let detail = item.detail.split(","); if (opt.ping) { pin = true; } else { pin = false; } that.setData({ mess: item, pin: pin, debanners: slider, piclsit: detail }); },
---------------------
作者:cyc南港初晴
来源:CSDN
原文:https://blog.csdn.net/weixin_41487694/article/details/79540476?utm_source=copy
相关文章
- 微信小程序里碰到的坑和小知识
- 微信小程序体验(1):携程酒店机票火车票
- 微信小程序—相对路径和绝对路径
- 解决在微信中部分IOS不能自动播放背景音乐
- 亲历H5移动端游戏微信支付接入及那些坑(四)——参考文档
- 一种流量成本节省60%以上的手机直播微信直播H5直播幼儿园直播方案
- 微信小程序----map组件实现解析经纬度
- 微信小程序----map组件实现(获取定位城市天气或者指定城市天气数据)
- 微信小程序----map组件实现检索【定位位置】周边的POI
- 微信小程序----列表下拉刷新上拉加载(MUI下拉刷新和上拉加载更多)
- 微信小程序----picker选择器(picker、省市区选择器)(MUI选择器)
- 微信小程序----icon组件
- 微信小程序登录流程总结 目录 1.1. 前端调用wx.login 。。给后端传递一个code1 1.2. 开发者需要在开发者服务器后台调用 auth.code2Session,使用 code 换取
- uniapp微信小程序vue项目uView UI手写分页实现简单翻页跳页功能
- 回到顶部功能:uniapp微信小程序回到顶部的几种方法
- 微信小程序怎样关闭直播插件
- 微信小程序UI框架之【weui】怎样使用
- uniapp微信小程序怎样获取宽高?获取系统信息?微信小程序 获取用户手机屏幕高度与宽度信息等
- Tool:微信使用技巧之手把手教你如何在电脑端同时登录多个微信账号之图文教程详细攻略
- Linux|centos7下部署安装alertmanager并实现邮箱和微信告警(基础篇---三)
- 微信小程序(登录、分享、支付)
- 微信小程序基本语法介绍
- 如何在Ubuntu 22.04使用wine安装windows版本微信