Estoy tratando de validar la entrada de mi archivo (tipo de imagen) pero tengo este error:

No detectada (en promesa) DOMException: no se pudo establecer la propiedad 'valor' en 'HTMLInputElement': este elemento de entrada acepta un nombre de archivo, que solo puede establecerse mediante programación en la cadena vacía.

Modelo:

 <q-btn color="primary" outline label="Upload Avatar" @click="fileInputRef && fileInputRef.click()" /> <input ref="fileInputRef" type="file" name="file" class="hidden" :value="avatar" @change=" avatar = $event.target.files.length ? $event.target.files[0] : undefined " />

Guion:

 const { value: avatar } = useField('avatar'); const fileInputRef = ref<HTMLInputElement>();

Nota : cuando verifico las herramientas de desarrollo de Vue, el conjunto de propiedades de avatar y seleccioné el archivo en mi código, pero ese error se mostrará en la consola.