Vue3 tsx文件中如何实现页面跳转
目录
- 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.csdn.net/m0_53273062/article/details/127510296
原文地址:https://blog.csdn.net/m0_62446426/article/details/142517827
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mrgr.cn/news/35823.html 如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mrgr.cn/news/35823.html 如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!