小程序的页面跳转

小程序的页面跳转

小程序的页面跳转有两种，一种是通过标签，一种是通过js，只学习js就可以了，因为标签跳转和js跳转的语法很相似

通过.js文件配置进行跳转

    // 只能跳转到tabBar页面，不能跳转到非tabBar页面，并且关闭
    //所有非tabBar页面，url不能携带参数
     wx.switchTab({
      url: '/pages/test/test',
     })
 
 
  //关闭所有的页面，打开应用内的某个页面，他的url可以携带参数
  //在跳转页面的onload生命周期函数中去接收
     wx.reLaunch({
        url: '/pages/test1/test1?name=123&age=18',
      })
 
 
    //关闭当前页面，跳转到应用内的某个页面，但是不允许跳转到
    //tabbar页面，他的路由也是可以携带参数的
    wx.redirectTo({
        url: '/pages/test1/test1?name='+this.data.name1+'&age=17',
     })
 
    //保留当前页面，跳转到应用内的某个页面，但是不能跳转到
    //tabbar,可以使用wx.navigateBack返回到原来的页面，
    //他的url也可以带参数，小程序中页面最多栈10层
    wx.navigateTo({
      url: '/pages/test1/test1?name=333',
    })
 
  //delat表示回退多少层
  wx.navigateBack({
     delta:1
   })

通过标签进行跳转

<navigator url="/pages/test/test" open-type="switchTab" >跳转到新页面</navigator>
通过open-type来选择和上面一样的跳转方式