如何在vue-class-component中使用vue-router的$ route和$ router属性？

问题描述

我正在使用基于类的组件将Vue 2项目从JS迁移到TS。在我的代码中，我通过访问vue-router和this.$route属性来使用this.$router。但是，在基于类的Typescript组件中，访问这些属性显然会产生编译时错误，因为它们是在运行时由VueRouter插件动态定义的。

// Something like this works fine in my JS-based Vue components
export default {
  methods: {
    route() {
      return this.$route;
    }
  }
}

// Compile time error: TS2339: Property '$route' does not exist on type 'RouteUser'.
@Component
export default class RouteUser extends Vue {
    route() {
      return this.$route;
    }
}

那我如何一起使用vue-router和vue-class-component？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）