vue 只允许上传pdf

可以使用第三方的文件上传组件来限制上传文件的类型，例如使用 `el-upload` 组件，可以通过 `before-upload` 属性来自定义上传前的验证逻辑，代码示例如下：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :before-upload="handleBeforeUpload"
    :file-list="fileList"
    multiple>
    <el-button size="small" type="primary">点击上传</el-button>
    <div slot="tip" class="el-upload__tip">只允许上传PDF文件</div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: []
    }
  },
  methods: {
    handleBeforeUpload(file) {
      // 获取文件类型
      const fileType = file.type;
      // 判断文件类型是否为 PDF
      if (fileType !== 'application/pdf') {
        this.$message.error('只允许上传PDF文件');
        return false;
      }
      return true;
    }
  }
}
</script>

上述代码中，`el-upload` 组件的 `before-upload` 属性绑定了 `handleBeforeUpload` 方法，该方法会在上传文件之前被调用用来验证上传的文件类型是否为 PDF。如果文件类型不是 PDF，则会弹出提示框并且返回 `false`，阻止文件上传。如果文件类型是 PDF，则返回 `true`，允许文件上传。