vue.js本地文件下载

Vue.js是一个前端框架，主要用于构建单页面应用程序。它本身不提供文件下载功能，但可以通过Vue.js调用原生JavaScript代码来实现文件下载。

以下是一个示例代码，可以使用Vue.js下载本地文件：

<template>
  <div>
    <button @click="downloadFile">Download File</button>
  </div>
</template>

<script>
export default {
  methods: {
    downloadFile() {
      const filename = 'example.pdf'; // 文件名
      const fileUrl = '/path/to/example.pdf'; // 文件URL
      const link = document.createElement('a');
      link.href = fileUrl;
      link.download = filename;
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    }
  }
};
</script>

在这个示例中，我们定义了一个`downloadFile`方法，当按钮被点击时调用。该方法使用原生JavaScript创建一个链接元素，将文件URL和文件名设置为链接的 href 和 download 属性。然后，我们将链接添加到文档中，模拟用户点击下载链接，最后删除链接元素。

请注意，为了使此示例正常工作，您需要将`fileUrl`设置为可供下载的有效URL。