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

Question

我正在尝试使用查询字符串(用于path的查询字符串)将路由定义为外部链接，方法如下所示：

Vue.use(VueRouter)

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

但我遇到了一个错误，因为“无法读取未定义的属性(读取$route)”。

​

​

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

Answer 1

这里有三个帕林 in beforeEnter

您的代码应该如下所示：

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