谈谈小程序的跳转方式

不管什么前端语言，都需要使用跳转界面这个功能

由于小程序是搭载到了微信里面，小程序属于微信的内部应用，所以微信小程序不能获取到window、document，所以平时在网页端大家用的，window.location.href="http://*********"，document.getElementById("**"),这些都不能用。那么我们怎么才能实现跳转的功能呢？别急，下面我就总结一下，微信小程序常用的跳转的方式，希望可以帮助到大家！

下面我们要实现，从A.wxml--->B.wxml,从A到B的跳转。

1.首先看一下目录结构

2.从a.wxml跳转到b.wxml

 

      1).给按钮绑定bindtap事件,执行wx.navigateTo({url:"****"})

          a.wxml:

 

        <button class='btn' bindtap='goB'>点我去B</button>

 

      a.js    

 

        方法一、

            goB:function(e){

        wx.navigateTo({//保留当前页面，跳转到应用内的某个页面

        url: '../B/b',//url里面就写上你要跳到的地址

        })

        },

 

        方法二、 

            goB:function(e){

            wx.redirectTo({//关闭当前页面，跳转到应用内的某个页面

           url: '../B/b'

        })

          },
         

        方法三、 

            goB:function(e){

            wx.reLaunch({//关闭所有页面，打开到应用内的某个页面

           url: '../B/b'

        })

          },
    2).直接写上navigator 标签，一个属性url里面,就是要跳转到的地址

        <navigator url="../B/b">跳转到B </navigator>

 

    3).返回上一级页面用

        wx.navigateBack({

     delta: 1//默认值是1，返回的页面数，如果 delta 大于现有页面数，则返回到首页。

    })

3.目前基本上这些足够用到跳转页面的了，当然还有tabBar导航跳转，利用

    wx.switchTab({

        url:'/index'
    })

这是我的微信公众号：

不定期更新前端知识