el-upload上传图片怎么实时更新

el-upload上传图片后，实时更新可以通过以下步骤实现：

1. 在el-upload组件中设置:show-file-list="false"，以禁止显示文件列表，这样就可以避免上传后的文件列表不实时更新的问题。

2. 给el-upload组件添加一个事件监听器，当文件上传成功后，触发回调函数并获取上传后的文件地址。

3. 将上传后的文件地址绑定到指定的图片组件中，通过v-bind指令实现实时更新图片。

以下是示例代码：

<template>
  <div>
    <el-upload
      class="upload-demo"
      action="https://jsonplaceholder.typicode.com/posts/"
      :show-file-list="false"
      :on-success="handleSuccess">
      <el-button size="small" type="primary">点击上传</el-button>
    </el-upload>
    <el-image :src="imageUrl" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: '',
    };
  },
  methods: {
    handleSuccess(response, file, fileList) {
      // 文件上传成功后触发
      this.imageUrl = URL.createObjectURL(file.raw);
    },
  },
};
</script>

在上面的代码中，el-upload组件设置了show-file-list为false，这样上传成功后的文件列表就不会显示出来。在handleSuccess方法中，获取上传后的文件地址并绑定到imageUrl属性上，实现了实时更新图片的效果。