微信小程序页面跳转方式+跳转小程序（直接复制代码可用）

一. 微信小程序跳转页面方法

1.跳转到 tabBar 页面

wx.switchTab({url: '/index'
})

2.跳转到其他页面（非tabBar页）

//redirectTo方法（会关闭当前页面）
wx.redirectTo({url: '/page'//页面路径
})//navigateTo方法（不会关闭当前页面并且页面栈最多十层）
wx.navigateTo({url: '/page'//页面路径
})//reLaunch方法（会关闭所有页面）
wx.reLaunch({url: '/page'//页面路径
})

3.返回上一页面或返回多级页面

//navigateBack方法（用来返回上一页面或多级页面，并关闭当前页面）
wx.navigateBack({delta: 2 //返回的页面数，1为返回上一页，如果delta大于现有页面数，则返回到首页。
})

二. 跳转到其他小程序

1.首先需要在当前小程序app.json中定义：需要跳转的小程序的app-id

app.josn

  "navigateToMiniProgramAppIdList": ["*******" //appid],

第一种方法：wx.navigateToMiniProgram（打开另一个小程序）

wx.navigateToMiniProgram({appId: '**********',path: 'page/index/index?id=123', //路径和携带的参数extraData: {foo: 'bar'},envVersion: 'develop',success(res) {// 打开成功},fail(res){// 打开失败},complete(res){// 调用结束  不管成功还是失败都执行}/*** appId：跳转到的小程序app-id* path：打开的页面路径，如果为空则打开首页，path 中 ? 后面的部分会成为 query，在小程序的 App.onLaunch、App.onShow 和 Page.onLoad的回调函数中获取query数据* extraData：需要传递给目标小程序的数据，目标小程序可在 App.onLaunch、App.onShow 中获取到这份数据* envVersion：要打开的小程序版本，有效值: develop（开发版），trial（体验版），release（正式版），仅在当前小程序为开发版或体验版时此参数有效，如果当前小程序是正式版，则打开的小程序必定是正式版*/
})

第二种方法：navigator（跳转）

<navigator class="btn" target="miniProgram" open-type="navigate" app-id="wx213c5ba6740c814d" version="trial">点击跳转另一个小程序</navigator>
/*** target：在哪个目标上发生跳转，默认当前小程序，有效值: self（当前小程序），miniProgram（其它小程序）* open-type：跳转方式 “avigate    对应 wx.navigateTo 或 wx.navigateToMiniProgram 的功能”* app-id：跳转到的小程序app-id* version：要打开的小程序版本，有效值: develop（开发版），trial（体验版），release（正式版），仅在当前小程序为开发版或体验版时此参数有效，如果当前小程序是正式版，则打开的小程序必定是正式版*/

微信小程序页面跳转方式+跳转小程序（直接复制代码可用）相关推荐

微信小程序页面A携带参数跳转到页面B，页面B获取页面A传来的参数并且存到data里面，在页面B中渲染成功
页面A的wxml <view class="tuijian-food-box" ><view class="tuijian-food" wx: ...
小程序页面传值的方式
小程序页面间传值,从A页面跳转到B页面,传递参数的方式 WXML页面实现使用?+参数的方式进行传值,多个参数时使用&进行拼接 <navigator url="/page/na ...
从qq或微信上打开页面链接，直接跳转到360首页
开机后发现从QQ或微信上打开页面链接时,总是跳转到360首页解决方法打开安全防护中心选择浏览器防护体系点击默认浏览器防护进行主页修改完成这4步,问题就可以成功解决.
html5如何实现播放下一首,使用HTML5 SoundCloud播放器小部件如何以编程方式跳到另一首曲目而不会导致播放第二不需要的曲目？...
不幸的似乎是在完成事件的竞争条件错误. Soundcloud播放器最终同时播放两首歌曲:列表中的下一首歌曲以及在完成事件处理程序中跳过的歌曲. var widget = null; $(functio ...
小piu页面，突然比例变很小，如何调整
突然的按键导致页面比例发生变化,太小了,看不清楚. 按ctrl+鼠标滚轮滑动,查看缩放比例,调整为自己想要的大小即可
微信小程序——页面之间传递值
微信小程序--页面之间传递值小程序页面传值的方式: 1.正向传值:上一页面 --> 下一页面 url传值本地储存全局的app对象 2.反向传值:下一页面 --> 上一页面本地储 ...
微信小程序开发自学笔记 —— 三、理解小程序宿主环境
理解小程序宿主环境小程序可以调用宿主环境提供的微信客户端的能力. 渲染层和逻辑层小程序的运行环境分成渲染层和逻辑层,WXML模板和WXSS样式工作在渲染层,JS 脚本工作在逻辑层. 小程序如何把脚 ...
微信IOS访问页面，返回的时候页面空白
微信IOS访问页面,点击跳转,返回页面空白,手势动一下内容就出来了. 是微信IOS的缓存的原因,且页面使用了rem导致. 解决办法,在页面中针对IOS做一次hack,重置页面的font-size,让页 ...
运行python程序的两种方式交互式和文件式_执行Python程序的两种方式
交互式(了解) 交互式环境下,敲完一条命令按下enter键马上能看到结果,调试程序方便.程序无法永久保存,关掉cmd窗口数据就消失了. 命令行式(了解) 打开文本编辑器,在文本编辑器中写入一串字符. ...

微信小程序页面跳转方式+跳转小程序（直接复制代码可用）

一. 微信小程序跳转页面方法

二. 跳转到其他小程序

微信小程序页面跳转方式+跳转小程序（直接复制代码可用）相关推荐

最新文章

热门文章