vue使用el-link实现下载本地文件

1.使用el-link

<el-link type="primary" @click="downloadExcel" :underline="true">点击下载模板</el-link>

2.把本地文件放在第一级目录下或者public文件夹下

3.下载方法

downloadExcel() {
      // 创建一个<a></a>标签
      const a = document.createElement('a');
      a.href = './file/voiceNumber.xlsx';
      a.download = '号码池导入';
      a.style.display = 'none';
      // 将a标签追加到文档对象中
      document.body.appendChild(a);
      // 模拟点击了<a>标签,会触发<a>标签的href的读取,浏览器就会自动下载了
      a.click();
      // 一次性的,用完就删除a标签
      a.remove();
    },