前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序带参跳转路由和页面接收参数

小程序带参跳转路由和页面接收参数

原创
作者头像
安德玛
发布2022-03-05 06:56:22
7210
发布2022-03-05 06:56:22
举报
文章被收录于专栏:Cordova封装H5 APPCordova封装H5 APP

跳转页面

代码语言:javascript
复制
bindtap="goToCountConfirm"
data-info="{{item}}"

goToCountConfirm方法中:

代码语言:javascript
复制
	  let str=JSON.stringify(e.currentTarget.dataset.info);
	  wx.navigateTo({
      url: '../countConfirm/confirm?jsonStr='+str,
      })

目标页面

在onload方法中

代码语言:javascript
复制
	  let info=JSON.parse(options.jsonStr);
      console.log(info);

注意

这里面有个经常踩的坑,就是当传递的参数item含有网址之类的字段时候,字符无法被json.parse识别,所以这时候需要进行一定的 encode编码,修改如下:

代码语言:javascript
复制
let item = JSON.stringify(json)
	wx.navigateTo({
      url: '/xxx?item=' + encodeURIComponent(item)
	})

接收参数的时候在进行解码:

代码语言:javascript
复制
onLoad: function(options){
      let item = JSON.parse(decodeURIComponent(optines.item))
	}

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 跳转页面
  • 目标页面
  • 注意
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档