Javascript 清除Vue2 Dropzone中的上载区域

我目前正在为Laravel Vue SPA管理面板工作。我还应用了Vue2 Dropzone来上传画廊部分的图像

在此项目中，vue2 dropzone窗体将在引导模型上打开

我的代码成功上传了图像。当我关闭模型并重新打开以上载其他图像时，它会显示以前上载的图像的缩略图

下面是我的代码片段：

从“vue2 dropzone”导入vue2 dropzone；
导入“vue2Dropzone/dist/vue2Dropzone.min.css”；
导出默认值{
数据（）{
返回{
dropzoneOptions：{
url:“/api/carousel”，
最大文件大小：10，
接受的文件：'.jpg、.jpeg'，
dictDefaultMessage：“单击或拖放以上载”，
标题：{
“X-CSRF-TOKEN”：document.head.querySelector（“[name=CSRF-TOKEN]”）
.内容
}
}
};
},
方法：{
newModal（）{
vue2Dropzone.removeAllFiles（true）；
$（#addNew”）.modal（“show”）；
}
},
组成部分：{
vueDropzone:vue2Dropzone
}
};假设模板中有带ref的vue dropzone

 <vue-dropzone ref="myVueDropzone" id="dropzone">
 </vue-dropzone>

假设模板中有带ref的vue dropzone

 <vue-dropzone ref="myVueDropzone" id="dropzone">
 </vue-dropzone>

removeAllFiles（）。这在某些情况下是行不通的

例如，它不会“重置”Dropzones的选项。因此，如果要通过options对象对不同的情况进行验证，则不会使用
removeAllFiles（）
方法重置

重置Dropzone（或该问题中的任何Vue对象）的正确方法是设置并更改
：key
属性。例如：

<vue-dropzone :key="`dropzone-${dynamicVariableOrJustSomeCounter}`">
</vue-dropzone>


删除所有文件（）
是一种黑客行为。这在某些情况下是行不通的

例如，它不会“重置”Dropzones的选项。因此，如果要通过options对象对不同的情况进行验证，则不会使用
removeAllFiles（）
方法重置

重置Dropzone（或该问题中的任何Vue对象）的正确方法是设置并更改
：key
属性。例如：

<vue-dropzone :key="`dropzone-${dynamicVariableOrJustSomeCounter}`">
</vue-dropzone>


谢谢，我也会在Vue2 Dropzone closed issue中找到解决方案。谢谢，我也会在Vue2 Dropzone closed issue中找到解决方案。