el-upload预览

el-upload是Element UI中的一个上传组件，它可以用于实现文件上传功能。要实现预览功能，你需要使用el-upload的`before-upload`事件和`file-list`属性。

首先，你需要在el-upload组件上绑定`before-upload`事件，如下所示：

<el-upload
  :action="yourUploadUrl"
  :before-upload="handleBeforeUpload"
  :file-list="fileList"
>
  <el-button type="primary">点击上传</el-button>
</el-upload>

在`before-upload`事件处理方法中，你可以获取到正在上传的文件对象，然后将其加入到fileList数组中，如下所示：

data() {
  return {
    fileList: []
  };
},
methods: {
  handleBeforeUpload(file) {
    // 添加正在上传的文件到fileList
    this.fileList.push(file);
    // 返回false取消自动上传
    return false;
  }
}

接下来，你可以使用el-upload的`file-list`属性来展示已经选择的文件和正在上传的文件列表，如下所示：

<el-upload
  :action="yourUploadUrl"
  :on-change="handleChange"
  :file-list="fileList"
>
  <el-button type="primary">点击上传</el-button>
</el-upload>

通过设置`file-list`属性为fileList数组，el-upload组件会根据数组的内容自动生成文件列表。

最后，你还可以根据需求进行样式的美化和预览功能的实现。例如，在文件列表中加入预览按钮，并在点击预览按钮时展示文件预览弹窗。

希望对你有所帮助！如果还有其他问题，请随时提问。