刷新当前路由
通过销毁 router-view 方式刷新
vue
<script setup lang="ts">
import { ref, nextTick } from 'vue'
const showRouterView = ref<boolean>(true)
function onRefresh() {
showRouterView.value = false
nextTick(() => {
showRouterView.value = true
})
}
</script>
<template>
<router-view v-if="showRouterView"></router-view>
</template>
优点： 不会导致静态资源重新加载
缺点： 需要额外的编码
通过 window 对象中的方法刷新
ts
window.location.reload()
优点： 无需额外编码
缺点： 实际就是浏览器的刷新，可能会导致静态资源重新加载
通过 $router.go(0) 刷新
ts
const $router = useRouter()
$router.go(0)
优点： 无需额外编码
缺点： 实际就是浏览器的刷新，可能会导致静态资源重新加载