Vue通过URL下载文件

三、Vue通过URL下载文件名

  <script>
    export default {
      data() {
        return {
          fileUrl: 'http://example.com/file.pdf',
          fileName: 'document.pdf'
        }
      },
      methods: {
        downloadFile() {
          let link = document.createElement('a');
          link.href = this.fileUrl;
          link.download = this.fileName;
          document.body.appendChild(link);
          link.click();
        }
      }
    }
  </script>

四、Vue已知URL下载文件

  <script>
    export default {
      methods: {
        downloadFile() {
          window.location = 'http://example.com/file.pdf';
        }
      }
    }
  </script>

五、Vue点击按钮下载文件

  
      

  <script>
    export default {
      methods: {
        downloadFile() {
          let link = document.createElement('a');
          link.href = 'http://example.com/file.pdf';
          link.download = 'document.pdf';
          document.body.appendChild(link);
          link.click();
        }
      }
    }
  </script>