fix: 引入Vue组件 解决页内跳转404的错误

This commit is contained in:
ZiuChen
2023-01-10 16:32:45 +08:00
parent a08a06213a
commit 59e47104ca
6 changed files with 117 additions and 8 deletions

View File

@@ -0,0 +1,37 @@
<template>
<a class="link" href="javascript:;" @click="handleClick"> {{ c }}</a>
</template>
<script setup lang="ts">
import { useRouter } from 'vitepress'
const router = useRouter()
const props = defineProps({
c: {
type: String,
required: true
},
t: {
type: String,
required: true
}
})
const handleClick = () => {
// if link is external, open in new tab
if (props.t.startsWith('http')) {
window.open(props.t, '_blank')
} else if (props.t.endsWith('/')) {
// add link to path
// @ts-ignore
window && window.location && (window.location = props.t)
} else {
router.go(props.t)
}
}
</script>
<style scoped>
.link {
margin: 0px 5px;
}
</style>