下载文件或图片

URL.createObjectURL() 静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL。
这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象
https://developer.mozilla.org/zh-CN/docs/Web/API/URL/createObjectURL

  <a href="下载地址" download="文件后缀名">
  如：下载安装包apk  download="release.apk"

下载文件
<v-btn dark text @click="download()">下载</v-btn>
<div id = 'content'>下载的内容</div>
<a ref="download" v-show="false" :href="downloadUrl" :download="filename"></a>

 download () {
      let ele = document.getElementById('content')
      let content = ele.innerText//获取内容
      let blob = new Blob([content], { type: 'text/plain' })
      let url = window.URL.createObjectURL(blob)
      this.downloadUrl = url
      this.filename = this.title + '.doc'//添加下载的后缀名
      setTimeout(() => {
        this.$refs.download.click()
      }, 200)

点击获取相应的链接，下载文件或图片
<a ref="download" v-show="false" :href="downloadUrl" :download="downloadFileName">download</a>
async downloadClick (item) {
    let url = item.link
    const res = await fetch(url)
	const blob = await res.blob()
	const urlBlob = window.URL.createObjectURL(blob)
	this.downloadUrl = urlBlob
	this.downloadFileName = item.name + '.' + item.classify//item.classify文件的后缀名
	 setTimeout(() => {
	   this.$refs.download.click()
	 }, 200)
}