vue +element-ui 文件全路径下载
HTML 部分
html 部分
<el-button @click="downloadImportTemplate" type="primary" class="pull-right downbtn">下载模板 </el-button>
<script>
........ 省略....
data: function () {
return {
tempurl:"https://element.eleme.cn/2.0/#/zh-CN/component/input" // 地址所需要下载的文件地址
}},
methods:{
// 下载文件
downloadImportTemplate: function () {
var link = document.createElement('a')
if (this.TemplateUrl !== '') {
link.href = this.TemplateUrl;
link.style = 'visibility:hidden';
document.body.appendChild(link);
link.click();
document.body.removeChild(link)
} else {
showTopMsg('未上传导入模板', 'warning')
}
}
}
</script>