Как вызвать событие change инпут при клике по кнопке в Vue?

Question

[Nubbb]

есть инпут

<input
          id="form-avatar"
          type="file"
          ref="uploadAvatar"
          autocomplete="off"
          accept="image/png,image/jpeg,image/bmp,image/tiff"
          @change="onFileChange"
        />

и кнопка

<button
              type="button"
              class="btn btn-upload"
              @click.prevent="changeUpload"
            >
              Загрузить
            </button>

как вызвать событие change инпута при клике по кнопке? или другой какой способ есть?

Answer 1

[Тигран Абрамян]

<button
  type="button"
  class="btn btn-upload"
  @click.prevent="$refs.uploadAvatar.click()"
>
  Загрузить
</button>

Answer 2

[no_one_safe]

У вас же vue, в методе changeUpload вызываете метод onFileChange.