场景

若依前后端分离版手把手教你本地搭建环境并运行项目：

若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客

在上面搭建起来的Vue前端项目中，实现对接摄像头显示预览页面。但是该摄像头需要安装插件(exe文件)。

所以需要在页面上添加下载插件按钮，实现手动点击下载插件。实现效果如下

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

1、首先将插件exe文件放在前端代码目录public下

2、页面中添加按钮

        <el-buttontype="success"plainicon="el-icon-setting"size="mini"@click="pluginDownload">下载插件</el-button>

3、点击按钮的实现方法中

    pluginDownload(){window.location.href = "/WebComponentsKit.exe";},

Vue中实现页面上点击按钮下载文件(exe)相关推荐

js下载文件 java_[Java教程]使用js实现点击按钮下载文件
[Java教程]使用js实现点击按钮下载文件 0 2016-11-11 19:02:54 有时候我们在网页上需要增加一个下载按钮,让用户能够点击后下载页面上的资料,那么怎样才能实现功能呢?这里有两种方 ...
EasyExcel 在网页上点击按钮下载，实现功能
介绍步骤 1.首先导入easyexcel依赖 <dependency><groupId>com.alibaba</groupId><artifactId> ...
vue中如何使用JS通过a标签下载文件
使用window.open()跳转如何处理类似 localhost:xxxx/baidu.com这种问题使用window.open('baidu.com') 时我们会发现跳转后结果会出现local ...
vue中进入页面，自动触发一次点击事件
vue中进入页面,自动触发一次点击事件 html script 一进去页面,我肯定是要进去就能看到数据,而不是需要点击选项1才得到数据,解决办法就是直接在created()中调用 html <d ...
若依前后端分离版(vue)中配置页面跳转的路由
场景若依前后端分离版本地搭建开发环境并运行项目的教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在此基 ...
FullCalendar拖拽日历在vue中单个页面的使用方法
FullCalendar拖拽日历在vue中单个页面的使用方法 1.首先通过npm下载插 npm install --save @fullcalendar/vue @fullcalendar/daygr ...
微信页面关于点击按钮关注公众号被封后的一点变通
项目jsp上遇到了这个问题,Boss要求在微信页面打开时点击按钮关注公众号.开始时使用 <ahref="weixin://profile/你的微信Id">点击关注< ...
ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法
ios系统微信浏览器.safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法参考文章: (1)ios系统微信浏览器.safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法 (2) ...
html点击按钮文件上传,js点击按钮实现文件上传
点击按钮实现文件上传点击按钮实现文件上传 $('#uploadFileButton').click(function () { $('#upload').click(); }); $('#uploa ...

Vue中实现页面上点击按钮下载文件(exe)

场景

实现

Vue中实现页面上点击按钮下载文件(exe)相关推荐

最新文章

热门文章