this.$router.push写在ts里面吗

this.$router.push是Vue Router提供的方法，不是TypeScript的语法，因此不能直接在TypeScript文件中使用。但是，我们可以在Vue组件的TypeScript文件中使用this.$router.push来进行路由跳转。

在Vue组件的TypeScript文件中，我们可以通过声明一个Vue组件实例类型的变量来访问this对象，从而访问this.$router.push方法。例如：

import { Component, Vue } from 'vue-property-decorator';

@Component
export default class MyComponent extends Vue {
  goToOtherPage() {
    this.$router.push('/other-page');
  }
}

在这个例子中，我们定义了一个名为MyComponent的Vue组件，并在其中定义了一个goToOtherPage方法，该方法通过this.$router.push方法来进行路由跳转。

需要注意的是，在TypeScript文件中使用this.$router.push方法，需要先安装@types/vue-router包，以获得TypeScript类型支持。

相关问题

this.$router.push用ts怎么写

在TypeScript中，使用this.$router.push方法可以通过以下方式进行编写：

this.$router.push({
  name: 'ListEdit',
  query: {
    label: info.label,
    scene: info.scene
  }
});

其中，name字段指定了目标路由的名称，query字段用于传递参数。在这个例子中，传递了label和scene两个参数。根据具体的需求，你可以根据自己的路由配置和参数需要进行相应的修改。

router.push跳转Ts报错

在 TypeScript 中使用 Vue Router 时，可能会遇到类似 "Property 'push' does not exist on type 'Router'" 的错误。这是因为 TypeScript 不知道该如何解析 `this.$router` 对象。

要解决这个问题，你可以通过扩展 Vue Router 的类型来告诉 TypeScript 如何识别 `this.$router` 对象。在你的 Vue 项目的 `src` 目录下创建一个名为 `router.d.ts` 的文件，并添加以下代码：

import VueRouter, { Route } from "vue-router";

declare module "vue/types/vue" {
  interface Vue {
    $router: VueRouter;
    $route: Route;
  }
}

这将扩展 Vue 的类型定义，并告诉 TypeScript `this.$router` 对象的类型是 `VueRouter`。现在你就可以在 TypeScript 中使用 `this.$router.push()` 方法了。