el-upload上传pdf

el-upload是基于Element UI框架的一个上传文件组件，可以用于上传PDF文件。

使用el-upload上传PDF文件的步骤如下：
1. 在Vue组件中引入el-upload组件，并设定上传的属性和方法。

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :before-upload="beforeUpload"
    :on-success="handleSuccess"
    :on-error="handleError"
    :file-list="fileList"
    :auto-upload="false"
    :accept="pdf"
  >
    <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
    <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
    <div slot="tip" class="el-upload__tip">只能上传PDF格式的文件</div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: []
    };
  },
  methods: {
    beforeUpload(file) {
      const isPDF = file.type === 'application/pdf';
      if (!isPDF) {
        this.$message.error('只能上传PDF格式的文件');
      }
      return isPDF;
    },
    handleSuccess(response, file, fileList) {
      // 上传成功的回调函数
    },
    handleError(err, file, fileList) {
      // 上传失败的回调函数
    },
    submitUpload() {
      this.$refs.upload.submit();
    }
  }
};
</script>

2. 在Vue组件的data中定义一个fileList数组来存储已上传的文件列表。
3. 通过设定action属性，指定上传文件的后端接口地址。
4. 在beforeUpload方法中，判断文件类型是否为PDF，如果不是则给出错误提示。
5. 在handleSuccess和handleError方法中，定义上传成功和上传失败后的回调函数。
6. 在点击“上传到服务器”按钮时，调用submitUpload方法，触发上传文件的动作，并将上传结果返回。

通过以上步骤，即可使用el-upload上传PDF文件。注意在beforeUpload方法中进行文件类型的判断，并在handleSuccess和handleError方法中处理上传结果。