zoukankan      html  css  js  c++  java
  • uni-app路由跳转

    redirectTo

    (1)保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面
    (如果A->B来回频繁切换,不要A B两个方法都使用这个方法。)
    //在起始页面跳转到test.vue页面并传递参数
    uni.navigateTo({
        url: 'test?id=1&name=uniapp'
    });
    页面跳转路径有层级限制,不能无限制跳转新页面
    跳转到 tabBar 页面只能使用 switchTab 跳转
    
    
    (2)关闭当前页面,跳转到应用内的某个页面
      需要跳转的应用内非 tabBar 的页面的路径,
      路径后可以带参数。参数与路径之间使用?分隔,
      参数键与参数值用=相连,不同参数用&分隔;如 'path?key=value&key2=value2'
    uni.redirectTo({
        url: 'test?key=value&key2=value2'
    });
    
    
    (3)
    uni.reLaunch(OBJECT)
    关闭所有页面,打开到应用内的某个页面。
    
    H5端调用uni.reLaunch之后之前页面栈会销毁,
    但是无法清空浏览器之前的历史记录,此时navigateBack不能返回,
    如果存在历史记录的话点击浏览器的返回按钮或者调用history.back()仍然可以导航到浏览器的其他历史记录。
    跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
    
    
    (4)uni.switchTab(OBJECT)
    跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
    
    
    (5)uni.navigateBack(OBJECT)
    关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。
    
    
    navigateTo, redirectTo 只能打开非 tabBar 页面。
    switchTab 只能打开 tabBar 页面。
    reLaunch 可以打开任意页面。
    页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。
    不能在 App.vue 里面进行页面跳转。
    H5端页面刷新之后页面栈会消失,此时navigateBack不能返回,如果一定要返回可以使用history.back()导航到浏览器的其他历史记录。
    
    作者:流年少年
    出处:https://www.cnblogs.com/ishoulgodo/

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!

    万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    支付宝
    微信
    本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    PHP __autoload()方法真的影响性能吗?
    MYSQL 逻辑架构
    Ajax.dll的初探
    教育技术反思
    祝天下所有的老师教师节快乐
    Asp.net+Xml+js实现无线级下拉菜单
    有调查就有发言权
    控件事件神奇实效
    Inspiration 7.6使用时出现的问题
    最常用的加密类
  • 原文地址:https://www.cnblogs.com/ishoulgodo/p/12731533.html
Copyright © 2011-2022 走看看