el-upload 上传图片的时回显加上http

您好！感谢您的提问。根据您的描述，我理解您想要实现在上传图片后，在回显的图片地址前加上"http"。您可以在上传图片成功后，通过拼接字符串的方式在图片地址前加上"http"。具体实现可以参考以下代码：

<el-upload
  action="/your-upload-api"
  :on-success="handleUploadSuccess"
  :on-preview="handlePreview"
>
  <el-button slot="trigger" size="small" type="primary">上传</el-button>
</el-upload>

...

methods: {
  handleUploadSuccess(response, file, fileList) {
    // 在回显的图片地址前加上"http"
    let url = response.data.url;
    url = "http" + url.substr(url.indexOf(":"));
    this.$set(fileList, fileList.length - 1, {
      ...fileList[fileList.length - 1],
      url
    });
  },
  handlePreview(file) {
    window.open(file.url);
  }
}

在上述代码中，`handleUploadSuccess` 方法会在上传成功后被调用。在该方法中，我们获取上传成功后的图片地址，并通过字符串的方式在前面加上"http"。然后使用 `$set` 方法更新 `fileList` 中的最后一个文件对象（即刚刚上传的文件对象），更新后的对象包含了新的图片地址。这样，当用户点击查看图片时，会在新标签页中打开带有"http"前缀的图片地址。

希望以上内容能够帮助到您，如有疑问或其他问题，请随时提出。