关于vue3:vue3中useRouter执行后返回值是undefined问题

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>

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理