elementui如何上传pdf文件

要使用 Element UI 来上传 PDF 文件，你可以使用 Element UI 的 Upload 组件。以下是一个简单的示例代码，展示如何上传 PDF 文件：

<template>
  <div>
    <el-upload
      action="/your-upload-url"
      :before-upload="beforeUpload"
      :on-success="onSuccess"
      :on-error="onError"
    >
      <el-button type="primary">点击上传</el-button>
    </el-upload>
  </div>
</template>

<script>
export default {
  methods: {
    beforeUpload(file) {
      const isPDF = file.type === 'application/pdf';
      if (!isPDF) {
        this.$message.error('只能上传 PDF 文件！');
      }
      return isPDF;
    },
    onSuccess(response, file) {
      this.$message.success('文件上传成功！');
    },
    onError(error, file) {
      this.$message.error('文件上传失败！');
    },
  },
};
</script>

在上述示例代码中，你需要修改 `action` 属性为你自己的文件上传接口地址。`beforeUpload` 方法用于验证上传的文件类型，确保只能上传 PDF 文件。`onSuccess` 和 `onError` 方法分别在文件上传成功和失败时触发相应的提示。

这只是一个简单的示例，你可能需要根据你的具体需求进行更多的处理和配置。另外，请确保你已经正确引入了 Element UI 的 Upload 组件和相关样式。