刚进入应用都是进入到“/”这个路由的,如果想直接进入到“/goods”怎么办,这里提供两种方法。一种是利用重定向,另一种是利用vue-router的导航式编程。

重定向

const routes = [
  { path: '/', redirect: '/goods'}
]

重定向的目标也可以是一个命名的路由。

const routes = [
  { path: '/', redirect: { name: 'goods' }}
]

导航式编程

利用vue-router的导航式编程的router.push方法也可以实现上面的需求。

// 在创建vue实例并挂载后调用
router.push('/goods')

router.push方法就是用来动态导航到不同的链接的。它会向history栈添加一个新的记录,点击<router-link :to="...">等同于调用router.push(...)

标签: none

添加新评论