在public文件夹下面加入预览的文件【操作说明文档】。

此文件夹不会压缩并且路径不变，所以是最佳的存放文件的位置。

代码：

<template>
  <n-icon title="操作文档" style="cursor: pointer;margin-right: 10px;" size="26" color="#ffffff" :component="HelpCircleOutline" @click="clickHelp"></n-icon>
</template>
<script setup>
import { HelpCircleOutline } from "@vicons/ionicons5"
function clickHelp () {
  window.open(`${window.location.origin}${window.location.pathname}lib/holoSens-web/操作说明文档.pdf`, 'whelp')
}
</script>

即可打开