vue-router 在TS类中不能跳转页面吗
时间: 2023-05-27 09:05:51 浏览: 741
Vue this.$router.push(参数)实现页面跳转操作
可以,可以通过以下方式在TS类中进行页面跳转:
1. 导入vue-router模块:
```
import { Router } from 'vue-router';
```
2. 在类中定义router变量,并在构造函数中初始化:
```
export default class YourClass {
private router: Router;
constructor(router: Router) {
this.router = router;
}
}
```
3. 在类中定义跳转方法:
```
public goToPage(path: string): void {
this.router.push({ path });
}
```
4. 在组件中调用:
```
const yourClassInstance = new YourClass(router);
yourClassInstance.goToPage('/your-page');
```
注意:需要将vue-router实例作为参数传入类的构造函数中。
阅读全文