Vue中的a标签如何设置下载?

Question

1.在Vue中如何利用a标签来下载文件?
我在a标签中直接给了一个链接, 然后在链接后面加上download的属性
<a :href="'https://vuejs.org/images/logo.png'" download="2.jpg">导出</a>
这样操作只能跳转到图片的路径上, 第一次碰到这种情况

Answer 1

download选项似乎只适用于同源，必要的话可以将资源转成base64格式。

Answer 2

<el-button type="success" class="to_lead" @click.native="exportData()">
   <span class="glyphicon glyphicon-arrow-up"></span> 导出
</el-button>

用了最原始的写法做的, 直接在button上注册点击事件, 在下面给链接就搞定了

exportData() {
   location.href = "https://vuejs.org/images/logo.png";
}

Answer 3

a标签的href属性为空就可以了，亲测有效