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

跳转页面

代码语言：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))
	}

json encode goto onload 编码

0 人点赞