vue3.x中useRouter()执行后返回值是undefined问题解决
作者：Paul_Chan_
这篇文章主要给大家介绍了关于vue3.x中useRouter()执行后返回值是undefined问题的解决方法,文中通过代码示例介绍的非常详细,对大家学习或者使用vue3.x具有一定的参考借鉴价值,需要的朋友可以参考下
前言
useRouter一定要放在setup方法内的顶层，否则作用域改变useRouter()执行返回的是undefined。
正确使用
<script setup>
import { useRouter } from 'vue-router';
const router = useRouter();
const toLogin = () => {
router.push({ name: 'login' });
};
</script>错误使用
<script setup>
import { useRouter } from 'vue-router';
const toLogin = () => {
const router = useRouter(); //router为 undefine
router.push({ name: 'login' });
};
</script>如果需要在其他js文件的非setup中使用路由对象，可以直接引用createRouter()创建的路由对象。
总结
到此这篇关于vue3.x中useRouter()执行后返回值是undefined问题解决的文章就介绍到这了,更多相关vue3.x useRouter()返回值undefined内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！