vue3项目中浏览器打开本地文档或者下载本地应用的方法（2024-07-11）

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

public文件夹包含了应用程序的入口HTML文件，以及其他不需要经过编译的静态文件

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

代码：

<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>

即可打开