0
点赞
收藏
分享

微信扫一扫

vue前端下载excel文件

云岭逸人 2022-02-25 阅读 106
前端vue.js
// html
<el-button type="primary" plain @click="frontDownload">本地下载</el-button>

//js
frontDownload() {
  var a = document.createElement("a"); //创建一个<a></a>标签
  a.href = "/static/模板.xlsx"; // 给a标签的href属性值加上地址,注意,这里是绝对路径,不用加 点.
  a.download = "下载啦.xlsx"; //设置下载文件文件名,这里加上.xlsx指定文件类型,pdf文件就指定.fpd即可
  a.style.display = "none"; // 障眼法藏起来a标签
  document.body.appendChild(a); // 将a标签追加到文档对象中
  a.click(); // 模拟点击了a标签,会触发a标签的href的读取,浏览器就会自动下载了
  a.remove(); // 一次性的,用完就删除a标签
}

1、在vue得public文件下创建一个static文件夹,打包不会被编译,会被打包到dist/static文件夹下

举报

相关推荐

0 条评论