Quasar Framework - 如何在提交表单中重置 q-uploader

Question

下午好！如何清除提交表单中的q-uploader？看不懂是什么原因..

有一个表格

<q-form
    @submit="onSubmit">

其中有一个元素

 <q-uploader
        label="Load files..."
        accept=".jpg"
        ref="uploader">

提交表单试图清除 q-uploader

const onSubmit = () => { uploader.value.reset() }

上传器未清除 - 如果我按下按钮 - 并绑定 @click - 然后一切都被清除...

Answer 1

明白了-怎么回事

q-uploader 有

: disable = "count! = 0"

我之前发送了一个请求，因此，通过指定 count = 1 来禁用（这里有点复杂 - 使用的是数字，而不仅仅是一个布尔值 - 不是重点）

请求成功后

count.value = 0

因此，uploader.value.reset () - 但是，q-uploader 没有时间卸载，因此没有被清除

设置超时

setTimeout (() => {uploader.value.reset ()}, 100)

但您不喜欢这个解决方案 - 谁能推荐一个更漂亮的解决方案？等到 q-uploader 可用了吗？

Quasar Framework - how to reset q-uploader in submit form