uni-app 学习笔记 二

页面配置及跳转

• 目前程序的页面路径最多只能放十层

uni.navigateTo(OBJECT)

• 保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack 可以返回到原页面。

参数：

url：需要跳转页面的路径（不能时带有tabbar的页面）可带参数。
animationType：窗口显示的动画效果（没用过，暂不介绍）暂支支持5+app
animationDuration：窗口动画持续时间，单位毫秒
success：接口调用成功的回调函数（这个回调函数用的还是很多的）
fail：接口调用失败的回调函数（与上一个刚好对立，不成功就失败，一般都是成对使用）
complete：接口调用结束的回调函数（这个就比较霸道了，不管你失败还是成功，只要你接口调用执行了，他都会执行）

代码演示：

• 用法都一样就不一一演示了。

uni.navigateTo({
    url: 'test?id=1&name=uniapp'
});

// test.vue
export default {
    onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数
        console.log(option.id); //打印出上个页面传递的参数。
        console.log(option.name); //打印出上个页面传递的参数。
    }
}

uni.redirectTo(OBJECT)

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

参数：

• 大致与上一个接口参数相同，少了两个窗口动画的函数。
  -----------------------------此处就不写了--------------------------略了略了-------------------------------

uni.reLaunch(OBJECT)

• 关闭所有页面，打开到应用内的某个页面。

参数：

• 同上。

uni.switchTab(OBJECT)

• 跳转到tabBar页面，并关闭其他所有非tabBar页面。
  这是个重点，他能跳转到tabBar页面，并关闭其他页面（话说这个坑我踩了好久，没仔细看文档，不知道跳转到tabBar页面要专门的接口，唉!不说了。）

参数：

• 也是一样的，同上。

uni.navigateBack(OBJECT)

• 关闭当前页面，返回上一页或多级页面。可通过getCurrentPages() 获取当前的页面栈，决定需要返回几层。

参数：

delta：返回的页面数如果delta大于现有的页面数，则返回到首页。
animationType：窗口关闭动画效果
animationDuration：窗口关闭动画效果持续时间，单位ms

官方参考网址