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

小程序之间的跳转(带参),第1张

wx.navigateToMiniProgram

从小A序跳转到小B序

首先介绍一下需要用到的api  :wx.navigateToMiniProgram 

他的参数

参数名        是否芹握告必填        类型        说明

appId            是                 string        要打开的小程序 appId

path              是                 string        目标小程序的指定页面,为空的话跳首页

extraData     否                 object        需要带给目标小程序的参数

envVersion   否                 string        目标小程序的版本  (基本没啥用)

success       否                 function     成功回调

fail               否                嫌明 function     失败回调

complete     否                 function     结束回调

在起步小程序中的app.json中需要配置跳转小程序的appid

目标小程序 可以在app.js中接收起步小程序带过来的参数,官方文档给的是app.onLaunch和app.onshow都能接到参数,但是我的onLaunch不能打印出来,可能我的小皮樱程序是个傻的小程序。( 注意千万是在app.js中,而不是目标页面的js文件 ,我就吃了这个亏)

小A序(表演跳转)

小B序(表演接收参数)

关于调试,开发者工具是不能跳转的,不过我们可以真机调试,两个小程序都开始真机调试,在小程序右上角的三个小点点有个打开调试,就能看到log出来的参数了,根据自己习惯吧,展示在页面上也是个好办法。

在小枝乱程序开发中经常会用到跨页面传值告租,我们常用的一般为全局变量传值和URL参数传值。在全局变量传值过程中,我们可通过var app=getApp(),获取到全局变量app,然后将需要传递的值赋值到全局变量中,如app.getID='18996759675'。

此时,我们已经将需要传递的值存储到全局变量中,然后我们在需要调用的地方,调用全局变量getApp()中之前存储的值,如phone:getApp().getId,随即取出了之前传递的值。

除了全局变量传值,我们还可以通过URL参数传值,URL参数传值的话,从上一个页面中传递某袜搭兆一个参数到编辑页面,以读取数据供填充之用

在读取页面实现onLoad(options)方法,从url路径中获取传递的参数值getId.

一:url带参数传递

与前端语言一样手模,小程序页毕滚缓面间的传递可以通过在路由url后接参数,路由的同时会将参数一并传递到新的页面。

index.wxml:

效果图:

二:将值存入全局变量

我们同样可以将需要的值存入全局变量中,在需要的地方直接引用就好了。

需要用到全局变量时记得要先获取应用备坦实例: const app = getApp()

**三, 用event传值

JS文件


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12546819.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存