如何使用查询定义到外部链接的路由

Question

我正在尝试使用 beforeEnter() 为 path 的外部链接 with query string 定义路由，如下所示：

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    beforeEnter() {location.href = '/path='+this.$router.query.path},
    name: 'Home',
    component: Home3
  },

但是我遇到了一个错误“无法读取未定义的属性（读取 $route）”。

我应该如何使用查询将正确的定义写入外部链接？

Answer 1

There are 3 params in beforeEnter

你的代码应该是这样的：

beforeEnter(to, from, next) {
  location.href = '/path=' + to.query.path
  next()
}