Vue中實現頁面上點擊按鈕下載文件(exe)

場景

若依前后端分離版手把手教你本地搭建環境並運行項目：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662

在上面搭建起來的Vue前端項目中，實現對接攝像頭顯示預覽頁面。但是該攝像頭需要安裝插件(exe文件)。

所以需要在頁面上添加下載插件按鈕，實現手動點擊下載插件。實現效果如下

 

 

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

1、首先將插件exe文件放在前端代碼目錄public下

 

 

2、頁面中添加按鈕

        <el-button
          type="success"
          plain
          icon="el-icon-setting"
          size="mini"
          @click="pluginDownload"
          >下載插件</el-button
        >

3、點擊按鈕的實現方法中

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