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

Question

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

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

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

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

Answer 1

1。 HTML：

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

CSS：

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

1. 您可以使用$refs

HTML：

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

JavaScript：

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