vue3中的element-ui怎么做上传文件，然后点击文件名可以下载

要实现上传文件并且点击文件名可以下载，可以使用 element-ui 中的 Upload 组件和 Table 组件。具体步骤如下：

1. 在模板中添加 Upload 和 Table 组件。

<el-upload
  class="upload-demo"
  action="/upload"
  :on-success="handleSuccess"
  :file-list="fileList">
  <el-button slot="trigger" size="small" type="primary">选择文件</el-button>
  <el-button size="small" type="success" :disabled="!fileList.length">上传到服务器</el-button>
  <div slot="tip" class="el-upload__tip">只能上传 jpg/png 文件，且不超过 500kb</div>
</el-upload>

<el-table :data="fileList" border>
  <el-table-column prop="name" label="文件名"></el-table-column>
  <el-table-column label="操作">
    <template v-slot="scope">
      <el-button size="mini" type="text" @click="download(scope.row)">下载</el-button>
    </template>
  </el-table-column>
</el-table>

2. 在 Vue 实例中定义 fileList 数组和 handleSuccess 方法。

export default {
  data() {
    return {
      fileList: []
    };
  },
  methods: {
    handleSuccess(response, file) {
      this.fileList.push({
        name: file.name,
        url: response.url  // 上传成功后服务器返回的文件 URL
      });
    },
    download(row) {
      window.open(row.url);
    }
  }
};

3. 在后端服务器中处理文件上传并返回文件 URL。

注意：这部分代码需要根据你的后端框架和语言进行编写，这里只提供一个简单的示例。

const express = require('express');
const multer = require('multer');
const path = require('path');

const app = express();
const upload = multer({ dest: 'uploads/' });

app.post('/upload', upload.single('file'), (req, res) => {
  // 处理上传的文件并返回文件 URL
  const file = req.file;
  const url = `http://localhost:3000/${file.filename}`;
  res.json({ url });
});

app.use(express.static(path.join(__dirname, 'uploads')));

app.listen(3000, () => {
  console.log('Server listening on port 3000');
});

以上代码实现了上传文件并且点击文件名可以下载的功能。需要注意的是，这里的示例代码只是一个简单的示例，实际项目中可能需要根据需求进行更改。