Vue3 tsx文件中如何实现页面跳转

Vue3常见跳转方法和与tsx兼容问题

Vue3中通常使用route和router进行跳转，这在Vue3中的script标签不会出现问题，但是在tsx文件中使用import { useRoute, useRouter } from 'vue-router';导入则会出现无法正常返回router对象的错误，输出router到控制台会发现router的值为undefined。

解决方法

换一种导入方式：当你的项目src目录下有router目录且router中的index.ts默认导出router时，你可以使用import router from '/@/router';在tsx文件中导入router，之后不需要其它代码即可使用router的push、replace等方法。

该解决方案参考来源：https://blog.youkuaiyun.com/m0_53273062/article/details/127510296