微信小程序页面之间传参

微信小程序页面之间传参,第1张

1.页面url传参

2.data-属性传参

3.缓存传参

4.全局变量传参

1.页面url传参

navigator标签里面设置url后面用?加上key=value键值对模式传参,可以绑定动态数据

2.data-属性传参

通过data-属性设置产生,在通过url传递参数罩梁,其肆岩本质还是通过url传参

3,缓存传参

小程序缓存分为异步和同步,一般使用同步;物雹运方法类似于h5的本地存储;

4.全局变量

1、传递参谈判数为对象格式

若参数为对象则需先使用 JSON.stringify()进行转换 , 接收后使用JSON.parse()转为对象.

但这样传参有一个问题,当对象数据长度过大时会报错,因为url传参时程序把过长的那段数据给截取掉了,导致数据转换回来时格式不对而报错。

2、传递参数中含有? = &等特殊字符

若传递参数中含有=,?,&等特殊字符,无法正常传递参数,则慎渣需要进行编码解码。

解决:

这时可含孝改以再添加另一个API:encodeURIComponent(obj) 和 decodeURIComponent(options.obj),在encodeURIComponent之前要用JSON.stringify()先转换数据,decodeURIComponent之后再用JSON.parse()转换回来。

encodeURIComponent(JSON.stringify(obj)) 为跳转url时的转换方法。

JSON.parse(decodeURIComponent(options.obj)) 为接收参数页面的转换方法。

例如:

这里好销局将 good_id=16 参数传入 detail 页面, 然后 detail 页面的 onload 方法内接受.

如果需要传多斗坦个参数, 用 &链接即可

这里可以传字符串, 也能传数组等, 这样就把 address 传递并接受了

在bindtap定义友让的点击方法 swiperTap : function(e) 中获取

其他的参数取出也如此,


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12539477.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存