vue2 element ui pdf文件上传

你可以使用 Element UI 的 Upload 组件来实现 PDF 文件上传。以下是一个示例代码：

<template>
  <div>
    <el-upload
      class="upload-demo"
      action="/your/upload/url"
      :on-success="handleSuccess"
      :file-list="fileList"
      :headers="headers"
      :data="{ type: 'pdf' }"
      :before-upload="beforeUpload">
      <el-button slot="trigger" size="small" type="primary">选择文件</el-button>
      <div slot="tip" class="el-upload__tip">只能上传pdf文件</div>
    </el-upload>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fileList: [],
      headers: {
        Authorization: 'Bearer ' + localStorage.getItem('token') // 添加请求头信息
      }
    }
  },
  methods: {
    handleSuccess(response, file, fileList) {
      // 处理上传成功后的逻辑
    },
    beforeUpload(file) {
      const isPDF = file.type === 'application/pdf'
      if (!isPDF) {
        this.$message.error('只能上传pdf文件')
      }
      return isPDF
    }
  }
}
</script>

在上面的代码中，我们使用了 Element UI 的 Upload 组件，并通过 `:file-list` 属性来绑定上传的文件列表。在 `:headers` 属性中，我们添加了一个 Authorization 请求头信息，你可以根据实际情况来修改。

在 `:before-upload` 属性中，我们可以对上传的文件进行验证，例如判断是否为 PDF 文件。如果不是 PDF 文件，我们可以通过 `$message.error` 方法来弹出错误提示。