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

场景

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

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

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

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

Vue中实现页面上点击按钮下载文件(exe)_第1张图片

注:

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

实现

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

Vue中实现页面上点击按钮下载文件(exe)_第2张图片

2、页面中添加按钮

        下载插件

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

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

你可能感兴趣的:(Vue,vue.js,前端,javascript)