el-upload上传pdf文件回显

el-upload 是一个基于 Element UI 的上传组件，可以用来上传各种类型的文件，包括 pdf 文件。要实现上传 pdf 文件并回显，可以按照以下步骤进行：

1. 在 el-upload 组件中设置 accept 属性为 'application/pdf'，表示只允许上传 pdf 文件。
2. 在上传成功后的回调函数中，获取到上传成功的文件对象，将其转换为 URL.createObjectURL(blob) 的形式，即可得到一个可用于回显的 URL。
3. 将得到的 URL 赋值给一个 img 标签的 src 属性，即可在页面上显示 pdf 文件。

以下是一个示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :accept="'application/pdf'"
    :on-success="handleSuccess">
    <el-button slot="trigger">选取文件</el-button>
    <el-button slot="tip" type="primary">只能上传pdf文件</el-button>
  </el-upload>
  <div v-if="pdfUrl">
    <iframe :src="pdfUrl" width="100%" height="500px"></iframe>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pdfUrl: ''
    }
  },
  methods: {
    handleSuccess(response, file) {
      const blob = new Blob([file.raw], { type: 'application/pdf' })
      this.pdfUrl = URL.createObjectURL(blob)
    }
  }
}
</script>