微信小程序——路由跳转传多个参数(encodeURIComponent编码)

本文介绍如何在微信小程序中实现页面间的路由跳转,并通过encodeURIComponent方法编码传递多个参数。详细讲解了页面A到页面B的跳转过程,以及在页面B中解码接收参数的方法。
摘要由CSDN通过智能技术生成

页面A跳到页面B

  • encodeURIComponent() 函数可把字符串作为 URI 组件进行编码
  • decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。

页面 A:
wxml文件

<view data-aa="{{aa}}" data-bb="{{bb}}" data-cc="{{cc}}" bindtap="{{demo}}"></view>

js文件

data: {
	aa: 1,
	bb: 2,
	cc: 3,
}
demo: function (e) {
	wx.navigateTo({
       url: '/pages/demo/demo?params=' + encodeURIComponent(JSON.stringify(e.currentTarget.dataset))
       
       })
}

页面B:
js文件

onLoad: function (options) {
    console.log('传入的参数为:', JSON.parse(decodeURIComponent(options.params)));
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值