怎么用el-upload上传excel后支持预览

要实现el-upload上传excel后支持预览，可以按照以下步骤进行：

1. 在项目中引入SheetJS或其他解析excel文件的第三方库。
2. 在el-upload组件中设置`before-upload`属性，将上传的文件内容转换为可读的格式并传递给预览组件。
3. 在预览组件中显示解析后的excel数据。

具体代码实现如下：

1. 安装SheetJS：

npm install xlsx

2. 在el-upload组件中设置`before-upload`属性，并将文件内容转换为可读格式：

<el-upload
  action="/upload"
  :before-upload="handleBeforeUpload"
>
</el-upload>

<script>
import XLSX from 'xlsx'

export default {
  methods: {
    handleBeforeUpload(file) {
      return new Promise(resolve => {
        const reader = new FileReader()
        reader.onload = e => {
          const workbook = XLSX.read(e.target.result, { type: 'binary' })
          const worksheet = workbook.Sheets[workbook.SheetNames[0]]
          const data = XLSX.utils.sheet_to_json(worksheet, { header: 1 })
          resolve(data)
        }
        reader.readAsBinaryString(file)
      })
    }
  }
}
</script>

3. 在预览组件中显示解析后的excel数据，可以使用el-table组件进行展示：

<el-table :data="excelData">
  <el-table-column
    v-for="(column, index) in excelData[0]"
    :key="index"
    :prop="index"
    :label="column"
  >
  </el-table-column>
</el-table>

<script>
export default {
  props: {
    excelData: {
      type: Array,
      required: true
    }
  }
}
</script>

这样就可以实现el-upload上传excel文件并支持预览了。需要注意的是，由于解析和预览excel文件可能会消耗较大的资源，所以需要考虑性能和用户体验。