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

官方参考网址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.小程序起步 (1)点击https://mp.weixin.qq.com/wxopen/waregister?a...
    GXW_Lyon阅读 3,425评论 0 0
  • 序言 原本题目写的时候实战经验,但是觉着算不上什么经验,就改成学习笔记了😂 注册小程序账号 开发和发布流程 小范围...
    RRRookieG阅读 2,298评论 0 3
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,138评论 1 32
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,298评论 0 3
  • 关于回忆!人,如果能过留存的,仅仅是回忆!当你老了,当天灾人祸显现的那一刹那,你脑海里不过一瞬间一生的回忆而已!有...
    纵情嬉戏天地间阅读 161评论 0 0