小程序带参跳转

Posted huwt

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序带参跳转相关的知识,希望对你有一定的参考价值。

在使用wx:navigateTo()时如果传入的url是以这种形式传入:url: ‘/pages/index/index?id=‘ + 1,则在index页面加载时可以获取到对象{id: 1},该对象保存在index.js的onLoad事件的参数中。

下面代码演示的是,从welcome页面跳转到index页面,并携带了自定义参数id:1

//welcome.js   

wx.navigateTo({ url:
‘/pages/index/index?id=‘ + 1 });

 

//index.js

onLoad: function (options) { console.log(options); }

// {id: "1"}

 

以上是关于小程序带参跳转的主要内容,如果未能解决你的问题,请参考以下文章

小程序之间的跳转(带参)

js控制页面带参跳转

微信小程序-switchTab 带参解决方法

后台生成带参跳到指定页面的小程序码

treeview 节点的属性NavigateUrl如何带参跳转并跳转到指定页面?

Vue--路由带参跳转--/login?id=10--接收this.$route.query.id