uView route 路由跳转

简介: uView route 路由跳转
route(Object)

此为一个路由跳转方法,内部是对uni多个路由跳转api的封装,更方便使用

Object参数说明:

参数名 类型 默认值 是否必填 说明
type String navigateTo false navigateToto对应uni.navigateToredirectredirectTo对应uni.redirectToswitchTabtab对应uni.switchTabreLaunch对应uni.reLaunchnavigateBackback对应uni.navigateBack
url String - false typenavigateToredirectToswitchTabreLaunch时为必填
delta Number 1 false typenavigateBack时用到,表示返回的页面数
params Object - false 传递的对象形式的参数,如{name: 'lisa', age: 18}
animationType String pop-in false 只在APP生效,详见窗口动画(opens new window)
animationDuration Number 300 false 动画持续时间,单位ms
export default{
  onLoad() {
    setTimeout(() => {
      uni.$u.route({
        url: 'pages/components/empty/index',
        params: {
          name: 'lisa'
        }
      })
    }, 2000)
  }
}

copy

#简写

注:为了方便简写和调用,可以直接传递一个url地址替代Object,它只能执行uni.navigateTo类型的地址,不支持跳转到Tabbar页面, 如果有参数需要携带,以对象形式写到方法的第二个参数中。

// 无参数
uni.$u.route('/pages/components/empty/index');
// 带参数
uni.$u.route('/pages/components/empty/index', {
  name: 'lisa',
  age: 20
});
相关文章
|
API
vue3.0 router路由跳转传参(router.push)
vue3.0 router路由跳转传参(router.push)
813 0
|
JavaScript 前端开发 数据安全/隐私保护
React-router-dom实现全局路由登陆拦截
React-router-dom实现全局路由登陆拦截
|
1月前
|
JavaScript
vue-router路由实现页面的跳转
该博客文章介绍了如何在Vue.js应用程序中使用Vue Router 4实现页面跳转,包括项目结构、组件定义、路由配置以及首页设置,并附有效果展示。
vue-router路由实现页面的跳转
|
2月前
|
JavaScript 前端开发 API
Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等
Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等
337 0
|
4月前
几个经常用到的angular路由Router、ActivatedRoute 知识点:嵌套路由、路由跳转、路由传参、路由参数获取
几个经常用到的angular路由Router、ActivatedRoute 知识点:嵌套路由、路由跳转、路由传参、路由参数获取
几个经常用到的angular路由Router、ActivatedRoute 知识点:嵌套路由、路由跳转、路由传参、路由参数获取
|
4月前
|
JavaScript Go
Vue路由跳转及路由传参
Vue路由跳转及路由传参
|
存储 前端开发
React路由跳转的几种方式
React路由跳转的几种方式
507 0
|
4月前
|
JavaScript 前端开发
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)...
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)...
72 0
|
4月前
|
JavaScript 前端开发
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)
49 0