微信小程序跳转页面的方法 微信小程序实现页面跳转

小程序开发

2021-05-02

    页面跳转是我们在开发小程序过程中,经常会遇到的问题,涉及到页面跳转的方法有很多,很多开发者经常会把他们搞混了,以至于在最后测试的环节出现bug,那么微信小程序实现页面跳转的方法有哪些呢,今天厦门在乎科技为大家带来微信小程序跳转页面的方法,一起来了解一下吧。

微信小程序跳转页面的方法 微信小程序实现页面跳转

    微信小程序跳转页面的方法:

    方法一:WXML页面实现

    1.<navigatorurl="/pages/aaa/aaa">跳转到新页面</navigator>

    2.<navigatorurl="/pages/aaa/aaa"open-type="redirect">跳转到新页面</navigator>

    3.<navigatorurl="/pages/aaa/aaa"open-type="switchTab">跳转到新页面</navigator>

    方法二:js页面实现

    bindViewTab:function(){

    wx.navigateTo({//保留当前页面,跳转到应用内的某个页面(最多打开5个页面,之后按钮就没有响应的)

    url:"/pages/aaa/aaa"

    })

    wx.redirectTo({//关闭当前页面,跳转到应用内的某个页面(这个跳转有个坑,就是跳转页面后页面会闪烁一下,完全影响了我自己的操作体验,太缺德了。)

    url:"/pages/aaa/aaa"

    })

    wx.reLaunch({//跳转至指定页面并关闭其他打开的所有页面(这个最好用在返回至首页的的时候)

    url:'/pages/index/index'

    })

    wx.switchTab({//跳转到tabBar页面,并关闭其他所有tabBar页面

    url:"/pages/aaa/aaa"

    })

    wx.navigateBack({//返回上一页面或多级页面

    delta:1

    })

    }

微信小程序跳转页面的方法 微信小程序实现页面跳转

    方法三:wx.navigateTo(OBJECT)

    这是最普遍的一种跳转方式,其官方解释为:“保留当前页面,跳转到应用内的某个页面”

    类似于html中的window.location.href=""

    eg:

    wx.navigateTo({

    url:'test?id=1'

    })

    小程序中左上角有一个返回箭头,可返回上一个页面

    也可以通过方法wx.navigateBack返回原页面

    方法四:wx.redirectTo(OBJECT)

    关闭当前页面,跳转到应用内的某个页面。

    类似于html中的window.open('你所要跳转的页面');

    eg:

    wx.redirectTo({

    url:'test?id=1'

    })

    方法五:wx.switchTab(OBJECT)

    跳转到tabBar页面,并关闭其他所有非tabBar页面

    eg:

    {

    "tabBar":{

    "list":[{

    "pagePath":"index",

    "text":"首页"

    },{

    "pagePath":"other",

    "text":"其他"

    }]

    }

    }

    wx.switchTab({

    url:'/index'

    })

    wx.navigateTo和wx.redirectTo不允许跳转到tabbar页面,只能用wx.switchTab跳转到tabbar页面

微信小程序跳转页面的方法 微信小程序实现页面跳转

    以上就是今天为大家带来的关于“微信小程序跳转页面的方法微信小程序实现页面跳转”全部内容,微信小程序点击按钮后,经常会跳转,因此对于页面跳转的过程,是我们开发者经常会遇到的问题,想要了解更多关于微信小程序开发的内容,欢迎关注厦门在乎科技-专注小程序、app、网站开发

即刻联系「在乎科技」专业项目经理为您提供产品咨询和项目报价!

立即咨询

CONTACT US

联系我们

联系电话:

131-6399-9993

电子邮箱:

公司地址:

厦门市思明区莲花南路6号北方大厦601单元

公司地址