vue el-upload picture-card 上传视频和图片,需要判断不能同时上传

您好，关于您的问题，您可以通过监听上传前事件 `before-upload`，在上传之前判断文件类型，然后根据文件类型来判断是上传图片还是上传视频。具体代码可以参考下面这个示例：

<el-upload
  class="upload-demo"
  :action="uploadUrl"
  :before-upload="beforeUpload"
  :on-success="handleSuccess"
  :on-error="handleError"
  :limit="1"
  :accept="accept"
  :show-file-list="false"
>
  <el-button size="small" type="primary">点击上传</el-button>
</el-upload>

data() {
  return {
    accept: 'image/*,video/*',
    fileType: '',
    uploadUrl: 'your-upload-url',
  }
},
methods: {
  beforeUpload(file) {
    // 判断文件类型
    if (file.type.indexOf('image') !== -1) {
      this.fileType = 'image'
    } else if (file.type.indexOf('video') !== -1) {
      this.fileType = 'video'
    } else {
      this.$message.error('只能上传图片或视频')
      return false
    }
    // 判断是否同时上传
    if (this.$refs.upload.uploadFiles.length > 0) {
      this.$message.error('不能同时上传图片和视频')
      return false
    }
    return true
  },
  handleSuccess(response, file, fileList) {
    // 上传成功处理
  },
  handleError(error, file, fileList) {
    // 上传失败处理
  }
}

以上代码中，我们通过 `accept` 属性来指定可上传的文件类型，然后在 `before-upload` 事件中，通过判断文件类型来确定是上传图片还是上传视频，并且判断是否同时上传。如果符合条件，就返回 true，否则返回 false，阻止上传。