从外部库的HTML img标签覆盖src图像

如何解决从外部库的HTML img标签覆盖src图像

我已将vue-file-agent安装到我的VueJS应用程序中。 它是拖放图像上传。

我通过调用<VueFileAgent></VueFileAgent>

渲染组件

问题：

• 图像预览的<img>标签是带有<VueFileAgent></VueFileAgent>组件的标签。因此，我无法直接更改其src图像。

问题是，我用它实现了图像裁剪器，我需要将裁剪后的图像作为预览图像而不是选定的图像。

当我检查图像预览时，<img>标记具有一个名为file-preview-img的类。.

在成功裁剪图像后，我尝试通过调用此函数来覆盖它：

setPreview() {
    document.getElementsByClassName('file-preview-img').src = this.cropped_image;
}

但是没有任何变化...是否有办法从<img>组件覆盖VueFileAgent标签的src图像？