title: Accesing the data from an input button for Vue
body: <p>I installed the Vuetify upload button with npm (<a href="https://www.npmjs.com/package/vuetify-upload-button" rel="nofollow noreferrer">https://www.npmjs.com/package/vuetify-upload-button</a>).
  However there is little documentation on it and I am not sure how to read the data that is selected when the input button is used.</p>
  
  <p><strong>HTML(part)</strong>:</p>
  
  <pre><code>&lt;upload-btn title="select" name="pinimage"&gt;test&lt;/upload-btn&gt;
  
  &lt;v-btn
    :disabled="!valid"
    @click="submit"
  &gt;
    submit
  &lt;/v-btn&gt;
  </code></pre>
  
  <p><strong>JS:</strong>
  (See the submit function where I try to log the selected data)</p>
  
  <pre><code>&lt;script&gt;
  import { mapState } from 'vuex';
  import UploadButton from 'vuetify-upload-button';
  
  export default {
      name: "addinspiration",
  
      components: {
          'upload-btn': UploadButton
      },
  
      computed: {
          ...mapState([
              'backenderror'
          ])
      },
  
      data: () =&gt; ({
          backenderror: '',
          valid: true,
          email: '',
          pinimage: '',
      }),
  
      methods: {
          submit () {
              console.log(this.pinimage.files);
              this.$store.dispatch('AddInspiration', {
                  pinimage: this.pinimage.files,
              });
          },
          clear () {
              this.$refs.form.reset()
          }
  
      },
  }
  </code></pre>
  
  <p></p>