element-ui上传身份证

以下是使用Element-UI上传身份证的示例代码：

<template>
  <el-upload
    class="avatar-uploader"
    action="#"
    :auto-upload="false"
    :show-file-list="false"
    :on-change="changePictureUploadIDFront"
  >
    <img v-if="imageUrlFront" :src="imageUrlFront" class="avatar">
    <i v-else class="el-icon-plus avatar-uploader-icon" />
  </el-upload>
  <div class="el-upload__tip">身份证正面</div>
</template>

<script>
export default {
  data() {
    return {
      imageUrlFront: ''
    }
  },
  methods: {
    changePictureUploadIDFront(file) {
      // 上传身份证正面图片的逻辑处理
      // 可以在这里进行图片的验证、裁剪等操作
      // 上传成功后，将图片的URL赋值给imageUrlFront
      this.imageUrlFront = URL.createObjectURL(file.raw)
    }
  }
}
</script>

在上述代码中，我们使用了`el-upload`组件来实现上传功能。通过设置`auto-upload`为`false`，可以禁止自动上传。`show-file-list`设置为`false`，可以隐藏上传文件列表。当用户选择了身份证正面图片后，会触发`changePictureUploadIDFront`方法，我们可以在该方法中进行图片的处理和上传逻辑。最后，将上传成功的图片URL赋值给`imageUrlFront`，并在页面上显示出来。