点击按钮,下载xlsx到本地

点击按钮,下载xlsx到本地

就像图片一样,点击按钮下载Excel。

 

具体操作:

1.可以先下载Element。在view页面用Element

<el-link type="primary" icon="el-icon-download"  @click="download">模板下载</el-link>

这样就出来页面了

 

2.在methods方法中写上面的点击事件

①可以自己先弄一个xlsx文件在公共文件夹中,我这里是在components中

点击按钮,下载xlsx到本地

 

②开始写事件。通过golive找到demo.xslx的相对路径

 methods: {
    download() {
      window.location.href =
        "http://127.0.0.1:5500/src/components/demo.xlsx";
    },
  },

 

 

OK,来看下效果吧:

点击按钮,下载xlsx到本地

上一篇:elementUI的Message Box弹窗中添加图片并显示


下一篇:父组件中使用element组件的dialog 点击无响应或者再次点击无效问题