小程序-跳转页面的方法及坑

需求：从 index.wxml 页面,跳转到 aaa.wxml 页面

方法一：WXML页面实现

1.跳转到新页面

2.跳转到新页面

3.跳转到新页面

 

方法二：js页面实现

bindViewTab:function(){

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

         url:"/pages/aaa/aaa"

    })

带参数：https://blog.csdn.net/samHuangLiang/article/details/86541727

gotonew:function(event){
    var newsId = event.currentTarget.dataset.newsid;(数据的id)
    wx.navigateTo({
      url: '../news/news_detail/news_detail?newsid='+event.currentTarget.dataset.newsid,(newsId)
    })
  }

wx.navigateTo({

url: '../complete_order/complete_order?id=' + that.data.orderid + '¶meterId=' + that.data.parameterId+'&888='+888,

})

//项目的

goto_orderdetail(event){

    var orderid = event.currentTarget.dataset.id;

    wx.navigateTo({

    url: '../orders_details/orders_details?id=' + orderid,

})

    console.log(event)

    console.log(orderid)

}

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

          url:"/pages/aaa/aaa"

     })

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

    url:'/pages/index/index'

  })

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

           url:"/pages/aaa/aaa"

     })

 

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

          delta:1

    })

}