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

小程序之间的跳转(带参),第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出来的参数了,根据自己习惯吧,展示在页面上也是个好办法。

无论小程序,还是安卓开发,列表点击跳转传值是必备掌握的基础知识。

跳转传值有多种方式,1.可以单穿某个字段,2.可以传对象。

这里我只讲下怎么传递对象,在实际开发中,传对象是普遍选择的一种传值方式。

下面是一个类表展示的数据

分析:

1.列表的点击事件,最重要的是如何获点下对应item的position 下标。

定义一个下标:通过 wx:for-index="index" ,并指定 <view id="{{index}}"/>

2.通过定义好的下标index获取对象。

获取方式: event.currentTarget.id

再通过: JSON.stringify() 得到let

3.怎么接收?

let item = JSON.parse(options.dataObject)

dataObject 参数是跳转url 定义的,类似一般的get请求格式,不多说

最后总结一下:

也可以通过自定义属性来指定下标 data - xxxx

再获取: event.currentTarget.dataset.postid

传递多个参数: 就是一个url路劲拼接而成

小程序可以跳转小程序,之前需要两个小程序关联在一个公众号下面,门槛不可谓不高,特别是针对独立开发者来说,现在微信取消了这个规定,无疑难度就降低了很多,本文介绍如何小程序跳转小程序

首先,要搞到目标小程序的appid,以及跳转页面的路径,这个是必须的,自己的小程序自不必说,如果是他人的就需要询问下对方这两个内容了。

在跳转的页面js中加入如下代码,appid:跳转方的appid;path:目标页面,extarData:需要传递的参数,还可以设置成功执行后的逻辑,和失败后的逻辑

上面是简单的写法,更赞的是还能如果是体验版本或者开发版本,还能选择要打开的版本,

为了保证用户体验,腾讯禁止在用户没有相关 *** 作的情况下直接跳转其它小程序,就需要用户主动的去跳转,增加一个按钮点击后跳转就可以了

需要注意的是,能跳转的前提还需要再app.json中加入需要跳转的appid,最多10个。


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

原文地址: http://outofmemory.cn/yw/7874602.html

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

发表评论

登录后才能评论

评论列表(0条)

保存