How to activate vue-upload-component via third party button?

Question

Vue.js

Good afternoon. It is necessary to make it so that when you click on the button, the file is given for uploading. Found such third party component for vue.js vue-upload-component. You can make a button inside it, but it doesn’t fit a little. It is necessary to somehow "pull" it from another button. The documentation has an example of how to do this at the link, something like this:

<file-upload
    ref="upload"
    v-model="files"
    post-action="/post.method"
    put-action="/put.method"
    @input-file="inputFile"
    @input-filter="inputFilter"
  >
  </file-upload>


  <v-btn @click.prevent="$refs.upload.active = true">
        Загрузить файл
  </v-btn>

but for some reason it doesn't work. What is wrong and how to do it?

Answer 1

If you need to open a file selection dialog, then you can only do this:

<label for="id_инпута_файла" class="стиль_чтобы_выглядела_как_кнопка">Содержимое "кнопки"</label>

and the script will not work at all