<template>
<div>我是add</div>
<button @click="clickFN">失败报错</button>
<button @click="clickFN1">成功</button>
</template>
<script setup lang="ts">
import { useRoute, useRouter } from 'vue-router'
const router = useRouter()
const clickFN = () => useRouter().back()
const clickFN1 = () => router.back()
</script>
<style scoped></style>
正在学习vue3 做一个后退的按钮,clickFN中直接使用useRouter().back()就会报错,但如果将useRouter()赋值给一个变量router,同样使用.back()就可以正常使用,这是为什么呢?
下面是报错截图