美文网首页
微信小程序路由跳转的方式

微信小程序路由跳转的方式

作者: 简约酒馆 | 来源:发表于2020-01-22 15:29 被阅读0次

打开新的页面,(跳转新页面)

在定义的方法内调用微信提供的API 
 wx.navigateTo({})   //使用js逻辑跳转

使用组件 <navigator open-type="navigateTo" url="/pages/details1/details1" />    //open-type跳转方式     url需要跳转的地址 (可以使用相对路径或者绝对路径)  

路由重定向,(重定向路由的地址)

在定义的方法内调用微信提供的API 
wx.redirectTo({})

使用组件 <navigator open-type="redirectTo" url="/pages/details1/details1" />    //open-type跳转方式     url需要跳转的地址 (可以使用相对路径或者绝对路径)

页面返回

在定义的方法内调用微信提供的API 
wx.navigateBack({})
使用组件 <navigator open-type="navigateBack" url="/pages/details1/details1" />    //open-type跳转方式     url需要跳转的地址 (可以使用相对路径或者绝对路径)

Tab 切换

在定义的方法内调用微信提供的API 
 wx.switchTab({})
使用组件 <navigator open-type="switchTab" url="/pages/details1/details1" />    //open-type跳转方式     url需要跳转的地址 (可以使用相对路径或者绝对路径)

关闭所有页面,打开到应用内的某个页面

在定义的方法内调用微信提供的API 
wx.reLaunch({})
使用组件 <navigator open-type="reLaunch" url="/pages/details1/details1" />    //open-type跳转方式     url需要跳转的地址 (可以使用相对路径或者绝对路径)

***个人推荐使用组件的方式跳转,简单方便,效果跟js一样
官方文档的地址:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/route.html

相关文章

  • 微信小程序的周期解析

    微信小程序中的路由跳转方式(传参)通过navigateTo({})来进行页面的跳转 注意:保留当前页面,跳转到应用...

  • 微信小程序路由跳转的方式

    打开新的页面,(跳转新页面) 路由重定向,(重定向路由的地址) 页面返回 Tab 切换 关闭所有页面,打开到应用内...

  • 微信小程序之页面路由

    小程序的路由可以理解为:根据路由规则(路径)从一个页面跳转到另一个页面的规则。 一、微信小程序中页面跳转的方法: ...

  • 微信小程序页面间的5种跳转方法

    微信小程序页面间的跳转方法总结:具体内容详见:小程序开发文档:路由 https://developers.weix...

  • 微信小程序路由跳转

    Tab切换 跳转新的页面 HTML js

  • 小程序跳转小程序

    小程序如何跳转到其他小程序 微信小程序跳转到其他小程序有两种方式。 一种是用组件navigator跳转: 一种是用...

  • 微信小程序的跳转方式

    微信小程序有5种跳转方式 switchTab这种跳转只能跳转到 tabBar 配置的页面 navigateBack...

  • 微信小程序跳转测试

    一、我们的微信小程序跳转到另外一个小程序 1、在真机上面,微信小程序跳转到另外一个小程序,直接允许跳转就可以: 2...

  • iOS中点击按钮跳转微信小程序

    需求 在iOS的UIWebView界面,点击button,直接打开微信跳转到微信小程序。 实现方式 接入微信SDK...

  • 小程序路由跳转方式

    wx.navigateTo 1 .保留当前页面,跳转到应用内的某个页面2 .不能跳tabBar页面3 .使用wx....

网友评论

      本文标题:微信小程序路由跳转的方式

      本文链接:https://www.haomeiwen.com/subject/jvouzctx.html