vue 下载网络地址文件

在Vue中下载网络地址文件的方法可以通过自定义指令来实现。首先，在src目录下创建一个directive文件夹（如果已存在则忽略），然后在directive文件夹下创建一个down.js文件。接下来，在directive文件夹下创建一个index.js文件。在main.js中注册自定义指令并进行全局挂载。下面是一个标准的使用方式的代码示例：

// down.js
Vue.directive('down', {
  inserted: (el, binding) => {
    el.style.cssText = 'cursor: pointer;color:write;'
    el.addEventListener('click', () => {
      let link = document.createElement('a')
      let url = binding.value // 这里是将url转成blob地址
      fetch(url)
        .then(res => res.blob())
        .then(blob => {
          // 将链接地址字符内容转变成blob地址
          link.href = URL.createObjectURL(blob)
          link.download = ''
          document.body.appendChild(link)
          link.click()
        })
    })
  }
})

使用方式：

<span v-down="url">下载</span>

其中，`url`是你要下载的网络文件的地址。当点击`<span>`标签时，会触发下载操作。