vue3 el-upload 传列表显示文件大小

在Vue3中，`el-upload` 是 Element UI 提供的一个用于文件上传的组件，它非常适合处理批量文件上传。当你需要显示每个上传文件的大小时，通常会在数据绑定或模板中展示这些信息。

例如，假设你在 `data` 中有一个包含文件信息的对象数组：

data() {
  return {
    files: [
      { name: 'file1', size: '10MB' },
      { name: 'file2', size: '5MB' },
      // ...
    ]
  }
}

然后在模板上，你可以像下面这样显示文件名和大小：

<template>
  <el-upload
    list="files"
    :show-file-list="true"
    action="/api/upload"
  >
    <el-button v-for="(file, index) in files" :key="index">
      {{ file.name }} - {{ file.size }}
    </el-button>
  </el-upload>
</template>

在这个例子中，`v-for` 循环遍历 `files` 列表，并将文件名 (`name`) 和大小 (`size`) 显示在按钮内。`show-file-list="true"` 参数会启用文件预览列表，你可以在其中看到文件的详细信息，包括大小。