小程序开发中,在两个页面之间传递参数:

小程序开发中,在两个页面之间传递参数:
原理:就是把一个页面中的xxx.js中的data:{}的变量值传给另一个页面中,当然,你得先把第一个页面上的值传给本页面的后台
1703258-20190701114554701-261099797.png

然后用如下代码,传给另一个页面的yyy.js中
1703258-20190701114308724-1416538336.png

用到了wx.navigatorTo()方法:

如上图,像http get请求一样,直接在后边写上参数就可以
然后在新页面的生命周期方法中写如下代码:(就是将上个页面传过来的参数,设置为当前页面的参数)

/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    this.setData({
      newsUrl: options.newsUrl
    })
  }

然后在新页面中就可以直接使用{{newsUrl}]这个变量了

但是有个大坑,就是如果你传的参数如下:
/pages/second/index?imgUrl=http://baidu.com?img=xx.jpg时,也就是说你的路径参数中也有参数,那么在传过去后,就会将?后的内容丢失。请用下边方法

  • 在传参的页面中用encodeURIComponent(XXX);将你的参数编码下
  • 然后在接收参数的页面中收到后,用 decodeURIComponent(options.xxx);解码下
    如下图:
    title
    title

转载于:https://www.cnblogs.com/Lyn4ever/p/11113226.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值