javascript - vue-image-upload-resize 重置图片文件

Question

我在我的 Vue 项目中使用了 vue-image-upload-resize。

一切正常，除了我有两个问题

如何删除“选择文件”按钮附近的文本？

文件上传后如何重置控件？基本上，当我再次尝试上传同一个文件时，它不会调用 setImage 事件。我不想在这里使用 JQuery

Answer 1

1.
HTML:

<div class="input">
    <image-uploader></image-uploader>
</div>

CSS:

.input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

您可以使用 $refs

HTML:

<div class="input" @click="initiate">
    <image-uploader ref="image"></image-uploader>
</div>

JavaScript:

methods: {
    initiate() { this.$refs.image.$el.children[1].value = "" }
}