微信小程序 页面间的两种带参跳转方法

微信小程序中,页面间的跳转一般用的是写在js文件中的wx:navigeteTo方法。有时候,我们在跳转时需要带上参数,这个参数一般是写在这个方法的url中的。
首先是wx:navigateTo方法的格式:

let url = '...';
    wx.navigateTo({ url });

这里navigetTo的参数必须要是一个对象,不然会报错,也就是一定要带上这个大括号。
然后是第一种带参方法(一定会成功的):

 let url = "/pages/chatWindow/chatWindow?sender="+app.globalData.username+"&getter="+e.markerId;
 wx.navigateTo({ url });

使用字符串拼接的方式在中间以问号引导参数,这里一共传了两个参数,sender和getter。
第二种带参方法(个人试的时候有时会失败,原因暂不清楚):

bindInput() {
    let { latitude, longitude, city } = this.data;
    let url = `/pages/inputtip/inputtip?city=${city}&lonlat=${longitude},${latitude}`;
    wx.navigateTo({ url });
  },

这里的bindInput()是整个方法体,把参数设置成对象,然后用中间的方法写url。
两个需要注意的地方:两边的引号必须是代码段里的这个符号,不是键盘打出来的英文单引号(不知道为什么……)还有${…}引导的对象。
这两种传参方式个人还是推荐第一种。

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值