当前位置: 首页 > news >正文

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

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

即可打开 

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • clean code-代码整洁之道 阅读笔记(第十七章 终章)
  • 【排序 - 快速排序】
  • 大模型/NLP/算法面试题总结9——从普通注意力换成多头注意力会导致参数暴涨吗?
  • 渔人杯——RE
  • git批量删除本地包含某字符串的特定分支
  • 04.ffmpeg打印音视频媒体信息
  • linux从入门到精通
  • 性能测试的流程(企业真实流程详解)(二)
  • 冒泡排序与其C语言通用连续类型排序代码
  • SpringBoot新手快速入门系列教程五:基于JPA的一个Mysql简单读写例子
  • [C++] 模拟实现list(二)
  • STM32杂交版(HAL库、音乐盒、闹钟、点阵屏、温湿度)
  • 论文学习_An Empirical Study of Deep Learning Models for Vulnerability Detection
  • 利用 Plotly.js 创建交互式条形图
  • 【js面试题】深入理解浏览器对象模型(BOM)
  • 【css3】浏览器内核及其兼容性
  • 2017届校招提前批面试回顾
  • 5分钟即可掌握的前端高效利器:JavaScript 策略模式
  • Android组件 - 收藏集 - 掘金
  • maya建模与骨骼动画快速实现人工鱼
  • MySQL几个简单SQL的优化
  • PV统计优化设计
  • Redis 中的布隆过滤器
  • vue-cli在webpack的配置文件探究
  • Vue组件定义
  • 前端代码风格自动化系列(二)之Commitlint
  • 容器化应用: 在阿里云搭建多节点 Openshift 集群
  • 使用前端开发工具包WijmoJS - 创建自定义DropDownTree控件(包含源代码)
  • 运行时添加log4j2的appender
  • #java学习笔记(面向对象)----(未完结)
  • #进阶:轻量级ORM框架Dapper的使用教程与原理详解
  • #微信小程序:微信小程序常见的配置传旨
  • (2015)JS ES6 必知的十个 特性
  • (2024,Flag-DiT,文本引导的多模态生成,SR,统一的标记化,RoPE、RMSNorm 和流匹配)Lumina-T2X
  • (52)只出现一次的数字III
  • (Java)【深基9.例1】选举学生会
  • (Java入门)抽象类,接口,内部类
  • (MonoGame从入门到放弃-1) MonoGame环境搭建
  • (NO.00004)iOS实现打砖块游戏(九):游戏中小球与反弹棒的碰撞
  • (保姆级教程)Mysql中索引、触发器、存储过程、存储函数的概念、作用,以及如何使用索引、存储过程,代码操作演示
  • (附源码)springboot高校宿舍交电费系统 毕业设计031552
  • (附源码)ssm高校志愿者服务系统 毕业设计 011648
  • (六)库存超卖案例实战——使用mysql分布式锁解决“超卖”问题
  • (七)Activiti-modeler中文支持
  • (十三)Maven插件解析运行机制
  • (转)Android学习笔记 --- android任务栈和启动模式
  • (转)项目管理杂谈-我所期望的新人
  • *setTimeout实现text输入在用户停顿时才调用事件!*
  • *上位机的定义
  • *算法训练(leetcode)第三十九天 | 115. 不同的子序列、583. 两个字符串的删除操作、72. 编辑距离
  • .halo勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .NET Compact Framework 多线程环境下的UI异步刷新
  • .net core使用EPPlus设置Excel的页眉和页脚
  • .NET MAUI Sqlite数据库操作(二)异步初始化方法
  • .net mvc 获取url中controller和action