小程序navigateTo 转参注意二点。JSON.stringify(object),JSON.parse(String),encodeURIComponentdecodeURIComponent

传:

1.  JSON.stringify(object); 转String

2.encodeURIComponent编码

var currentObj =encodeURIComponent(JSON.stringify(e.currentTarget.dataset.index));

wx.navigateTo({

url: ‘../../pages/order/orderDetail/orderDetail?currentObj=‘ + currentObj

});

================================================

接收:

1.String 转对象  JSON.parse(String)

2.decodeURIComponent解码

var currentObj = JSON.parse(decodeURIComponent(options.currentObj));

console.log("currentObj",currentObj);

原文地址:https://www.cnblogs.com/gzhbk/p/12198116.html

时间: 2024-10-10 21:41:37

小程序navigateTo 转参注意二点。JSON.stringify(object),JSON.parse(String),encodeURIComponentdecodeURIComponent的相关文章

小程序路由传参

这里会有一个问题,如果要传字符还好说,如果是boolean值传过去 ,接收过来还是字符串 小程序路由跳转有两种方式: wx.navigateTo() 会后退按钮:  wx.redirectTo() 不会有路由跳转 1.wx.navigateTo() 路由跳转 2.wx.redirectTo() 路由重定向 3.navigateBack() 页面返回 还有几个 可以看看 这位大佬 写的详细些  https://www.cnblogs.com/cckui/p/10007976.html  (我写呢

微信小程序开发—小程序框架详解(二)

上一节讲了微信小程序的目录结构及各个文件的作用,主要介绍了小程序的配置文件及其支持的配置属性. 本节主要从逻辑层和视图层来说明小程序的框架. 小程序的逻辑层由js完成,视图层由微信提供的WXML(WeiXin Mark Language)和WXSS(WeiXin Style Sheet)文件来完成. 其中官方给出的解释:页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,也无法在脚本中操作组件.同时由于zepto/jquery 会使用到w

微信小程序 发现之旅(二)—— 自定义组件

组件化的项目开发中,组件应当划分为三个层次:组件.模块.页面 微信小程序已经为开发者封装好了基础组件,页面文件(pages)也有了详细的规定 而模块就需要自行开发,并且要和页面文件区分开,这就涉及到自定义组件 一.基本用法 在根目录下创建一个 components 目录,用于存放自定义组件 组件也是由 json.wxml.wxss.js 四个文件组成 其中 wxml 部分没有什么特殊的地方,和页面的写法一致 wxss 也是只对组件生效,而且 app.wxss 中的样式也不会对自定义组件生效 最关

微信小程序开发之普通链接二维码

本文主要介绍扫普通链接二维码打开小程序, 详情请看官方文档https://mp.weixin.qq.com/debug/wxadoc/introduction/qrcode.html 配置普通链接二维码规则 生成二维码 访问https://cli.im/url,将https://test.com/linkcode?id=1_2生成二维码图片 小程序接收参数 if(option.q){ console.log(option.q); var link = decodeURIComponent(opt

web-view小程序转发功能,web-view和小程序之间传参

web-view的src只能带一个参数src="…?a=1" h5页面 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i)

支付宝小程序开发——根据字符串生成二维码

支付宝小程序开发中,如果需要根据字符串生成二维码,那么可以直接使用qrcode插件,你无需引用js,直接使用开发者工具的npm功能就可以了. 一. 安装插件: 1.开发者工具左侧工具栏点击如图所示的图标(npm): 2.NPM包管理界面,输入框中输入 qrcode 并按回车键,等待插件安装完成: 二. 引用并使用插件: 1 //引用插件 2 const QRCode = require('qrcode'); 3 Page({ 4 data: { 5 imgSrc: '' 6 }, 7 onRea

ESA2GJK1DH1K微信小程序篇: 测试微信小程序扫描Air202上面的二维码绑定设备,并通过MQTT控制设备

前言 暂无 实现功能概要 微信小程序通过扫描GPRS上的二维码,绑定GPRS设备.然后使用小程序通过GPRS远程控制开发板上的继电器, 远程显示单片机采集的温湿度数据. 一,硬件程序 硬件程序采用基础篇 https://www.cnblogs.com/yangfengwu/p/11762609.html  的底层硬件程序 该源码已经拷贝到了当前测试目录 二,微信小程序源码 测试准备工作 一,下载单片机程序(请自行下载) 二,打开微信小程序软件,导入本节工程 三,把小程序安装到手机运行 四,调整波

微信小程序入门到实战(二)

上一文章里面,我们实现了第一个小程序页面,并且了解到了一些小程序的知识,接下来继续开始我们的学习. 页面的跳转 在第一个小程序页面,预留了一个按钮,这是为了跳转到其他的页面,在微信小程序里面跳转的方法主要有下面三种: wx.navigateTo() wx.redirectTo() wx.switchTab() wx.switchTab({ url: '/index' }) 路径可得注意写对,区分绝对路径和相对路径: 绝对路径:一般在前面加上/,表示从根目录开始往下寻找 相对路径:相对于当前页面来

小程序思维导图(二)

写在前面 第二波小程序思维导图终于出炉了,各位久等. 思维导图是一个很神奇的东西,它直观,界面美而有富有逻辑性.技术这种东西知识点多而杂,想要全面掌握不容易.需要用做到熟练更加不容易了.界面化的产物适合更加让人加深印象.当思维导图和技术结合到一起,会产生什么样的效果呢?自己去体会吧. 小程序 小程序入门简单,会点前端的人基本都能很快上手.官方文档也写得比较清晰了,我也不做太多的重复动作.一些常用的功能或api总结了一下,希望你们能更深刻直观地认识一下小程序. 思维导图 14.事件处理.png 1