el-upload上传照片限制一张，上传完一张后，不显示上传

在前端使用 `el-upload` 组件限制用户只能上传一张照片，并在上传完成后不显示上传按钮，可以通过设置组件的 `limit` 属性来实现。`limit` 属性指定允许上传的文件数量，将其设置为1即可满足只上传一张照片的需求。上传成功后，可以通过事件处理函数来动态地移除上传组件或者隐藏它，避免再次上传。以下是一个简单的示例代码：

<template>
  <el-upload
    action="your-upload-url"
    :limit="1"
    :on-success="handleSuccess"
    :on-remove="handleRemove"
    :auto-upload="false">
    <el-button slot="trigger" size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  methods: {
    handleSuccess(response, file, fileList) {
      // 这里可以根据服务器返回的结果进行一些处理
      // 比如提示用户上传成功等
      // 移除上传按钮，隐藏组件
      this.$refs.uploadRef.hide();
    },
    handleRemove(file, fileList) {
      // 可以在这里处理文件被删除的逻辑
    }
  }
}
</script>

在上述代码中，`el-upload` 组件的 `:limit="1"` 属性确保了只能上传一张图片，`action` 属性需要替换为实际的上传接口地址。当图片上传成功后，`handleSuccess` 方法会被调用，并通过 `this.$refs.uploadRef.hide()` 隐藏上传按钮。这样用户在上传一张照片后，无法再次上传。