美文网首页Vue
Vue路由重定向

Vue路由重定向

作者: xlayzheng | 来源:发表于2017-12-29 16:57 被阅读21次
  • 路由对象$router
  • 路由跳转方法:push()
  • 语法:$router.push('url')
  • 分写与合写方式的重定向写法不一样

分写形式的路由中:

  • 可以找到自己创建的路由对象,加上 myrouter.push('想要重定向的path')
  • 可以在vue实例中添加钩子函数:
    beforeCreate:function(){ this.$router.push('想要重定向的path') }

合写形式的路由中:

  • 我们再实例中的router配置项没有名字,所以只能用钩子函数的方法重定向
    beforeCreate:function(){ this.$router.push('想要重定向的path') }

相关文章

  • vue-router @4.x 和 @3.x 对比

    1. 创建实例 2. 路由重定向 vue2.x使用路由选项redirect设置路由自动调整,vue3.x中移除了这...

  • vue-element-admin

    vue-element-template-admin相比vue-element-admin少实现了动态路由和重定向...

  • VUE设置默认首页与redirect重定向

    一、新建vue页面 二、默认页面路由配置 三、设置重定向页面

  • 10.Vue 路由重定向

    在Vue中可以设置路由的重定向,用法如下: 1.redirect: '/path'、redirect: {} 字符...

  • Vue路由重定向

    路由对象$router 路由跳转方法:push() 语法:$router.push('url') 分写与合写方式的...

  • vue路由重定向

  • 08-vue-router的使用

    主要从路由设置、重定向、路由嵌套、无相关页面、跳转、入参记录一下。 下载安装vue-router,根目录执行npm...

  • vue项目路由重定向

    有时,我们可能会输入错的 url, 或者不再存在等各种原因导致其不再能被访问,那么我们就可以对于这种情况进行重定向...

  • vue 中路由重定向

    router---> index.js

  • vue全家桶(2.4)

    3.6.重定向和别名 #3.6.1.重定向 路由重定向通俗的说就是从一个路由重新定位跳转到另一个路由,例如:访问的...

网友评论

    本文标题:Vue路由重定向

    本文链接:https://www.haomeiwen.com/subject/dhxwgxtx.html