如何用el-upload实现只下载不上传场景

`el-upload` 是 Element UI 中用于文件上传的一个组件，它默认提供的是上传文件的功能。然而，如果你想要实现只下载不上传的场景，你需要自定义一些行为来满足这个需求。

通常的做法是隐藏实际的上传按钮，并通过添加一个额外的按钮来触发下载操作。以下是实现这个场景的一个基本思路：

1. 使用 `el-upload` 组件，并将 `action` 属性设置为 `#`（一个无效的 URL），以禁用默认的上传行为。
2. 利用 `slot` 来自定义一个按钮，并为这个按钮添加点击事件处理函数，该函数将触发实际的下载操作。
3. 在点击事件中，你可以使用 JavaScript 的 `fetch` 或 `XMLHttpRequest` 来请求你的下载 URL，并触发浏览器的下载行为。

下面是一个简单的代码示例：

<template>
  <el-upload
    action="#"
    :auto-upload="false"
    :on-change="handleChange"
    style="display: none;"
  >
    <el-button slot="trigger" size="small" type="primary">选择文件</el-button>
    <div slot="tip" class="el-upload__tip">点击选择文件</div>
  </el-upload>
  <el-button @click="handleDownload">下载文件</el-button>
</template>

<script>
export default {
  methods: {
    handleChange(file, fileList) {
      // 可以在这里添加一些处理逻辑，例如检查文件类型等
    },
    handleDownload() {
      // 假设你有一个后端提供的下载链接
      const downloadUrl = '你的下载链接';
      // 创建一个临时的a标签用于触发下载
      const tempAnchorNode = document.createElement('a');
      tempAnchorNode.style.display = 'none';
      document.body.appendChild(tempAnchorNode);
      tempAnchorNode.href = downloadUrl;
      tempAnchorNode.download = '';
      tempAnchorNode.click();
      document.body.removeChild(tempAnchorNode);
    }
  }
};
</script>

在这个示例中，用户通过点击“下载文件”按钮来触发下载，而不会上传任何文件。请注意，为了确保下载能够成功，你的下载 URL 应该是可直接访问的。