• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

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

用到了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);解码下
    如下图:


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序顶部导航栏标题不居中发布时间:2022-07-18
下一篇:
微信小程序中如何让子view在view区域中水平垂直居中发布时间:2022-07-18
热门推荐
    热门话题
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap