微信小程序的页面跳转

Posted 2020-09-11 呆sd

小程序页面的跳转：

先创建页面toolbar，并在app.json里面pages写上路径

  "pages":[
    "pages/index/index",
    "pages/logs/logs",
    "pages/toolbar/toolbar"
  ],

然后写在页面中添加按钮，然后添加事件，

  <button type="primary" bindtap="start"> 跳转 </button>

然后再js页面写 方法 start；

start:function(){
  //关闭当前页面，跳转到应用内的某个页面。
  wx.redirectTo({
    url: ‘../toolbar/toolbar‘,
    success: function(res){
      // success
      console.log(成功);
    },
    fail: function() {
      // fail
       console.log(‘sksdfksjfksjf‘);
    },
    complete: function() {
      // complete
    }
  })
//保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。
// wx.navigateTo({
//    url: ‘../toolbar/toolbar‘,
//   success: function(res){
//     // success
//   },
//   fail: function() {
//     // fail
//   },
//   complete: function() {
//     // complete
//   }
// })
//使用 wx.navigateTo跳转页面的时候，用如下方法返回页面。
// wx.navigateBack({
//   delta: 1, // 回退前 delta(默认为1) 页面
//   success: function(res){
//     // success
//   },
//   fail: function() {
//     // fail
//   },
//   complete: function() {
//     // complete
//   }
// })
}