el-upload根据后端返回的url下载文件

`el-upload`是Element UI库中的一个组件，用于处理文件上传和预览。如果后端返回的是文件下载链接，你可以通过配置`on-success`回调函数来实现文件的下载。这个回调会在上传成功并接收到服务器响应后触发。

下面是一个简单的例子：

<template>
  <el-upload
    action="你的后端API地址"
    :on-success="handleSuccess"
    auto-upload
  >
    <el-button slot="trigger">点击选择文件</el-button>
    <div slot="tip" class="el-upload__tip">只能上传jpg/png/jpeg文件</div>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleSuccess(response, file) {
      if (response.data && response.data.url) { // 假设后端返回的对象包含url字段
        const downloadUrl = response.data.url;
        window.location.href = downloadUrl; // 使用window.location直接下载文件
        // 或者使用fetch或axios下载并保存到本地
        // fetch(downloadUrl).then(res => res.blob()).then(blob => saveAs(blob, file.name));
      }
    },
  },
};
</script>

在这个示例中，当`upload`成功，`handleSuccess`会被调用，并从`response`对象中获取下载URL。然后，你可以使用`window.location.href`将用户引导至新的下载页面，或者使用像`fetch`或`axios`这样的工具下载文件并保存。