route 路由跳转

route(Object)

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

Object参数说明:

参数名类型默认值是否必填说明
typeStringnavigateTofalsenavigateToto对应uni.navigateToredirectredirectTo对应uni.redirectToswitchTabtab对应uni.switchTabreLaunch对应uni.reLaunchnavigateBackback对应uni.navigateBack
urlString-falsetypenavigateToredirectToswitchTabreLaunch时为必填
deltaNumber1falsetypenavigateBack时用到,表示返回的页面数
paramsObject-false传递的对象形式的参数,如{name: ‘lisa’, age: 18}
animationTypeStringpop-infalse只在APP生效,详见窗口动画路由跳转 - 图1
animationDurationNumber300false动画持续时间,单位ms
  1. export default{
  2. onLoad() {
  3. setTimeout(() => {
  4. this.$u.route({
  5. url: 'pages/components/empty/index',
  6. params: {
  7. name: 'lisa'
  8. }
  9. })
  10. }, 2000)
  11. }
  12. }

简写

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

  1. // 无参数
  2. this.$u.route('/pages/components/empty/index');
  3. // 带参数
  4. this.$u.route('/pages/components/empty/index', {
  5. name: 'lisa',
  6. age: 20
  7. });