Rumah  >  Artikel  >  hujung hadapan web  >  Vue.js路由的重定向

Vue.js路由的重定向

php中世界最好的语言
php中世界最好的语言asal
2018-03-13 14:44:362380semak imbas

这次给大家带来Vue.js路由的重定向,使用Vue.js路由重定向的注意事项有哪些,下面就是实战案例,一起来看一下。

redirect
初始化路由时设置

let router = new VRouter({ // 如果mode设为history, 那么地址就可以不使用哈希(# 哈希)了,就可以直接访问. http://localhost:8080/#/apple ==>> http://localhost:8080/apple
  mode: 'history',  routes: [
    {      //当路径为'/'时,重新跳转到apple
      path: '/',      //设置重定向
      redirect: '/apple'
    },
    {      path: '/apple',
      ......
    },
    {      path: '/banana',
      ......
    }
  ]
})

1.gif


相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

Vue.js的单位件组件

Vue.js如何设置路由

Atas ialah kandungan terperinci Vue.js路由的重定向. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn