title: How use Vuesax upload component in Laravel/Vue.js project?
body: <p>I'm working on this project base on tutorials around web and YOUTUBE .
  My problem is that base on tutorial I've got a from like this:</p>
  
  <pre><code>&lt;form class="form-horizontal"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="mellicode_front_url" class="col-sm-2 control-label"&gt;scan&lt;/label&gt;
  
          &lt;div class="col-sm-12"&gt;
              &lt;input type="file" @change="updateMelliCodeFrontScan" name="mellicode_front_url" class="form-input" &gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="col-sm-offset-2 col-sm-12"&gt;
              &lt;button @click.prevent="saveMelliCodeFrontScan" type="submit" class="btn btn-success"&gt;submit scan&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>as u can see in this code when i opened a IMAGE file i use <code>@change</code> method, then I'll use <code>click.prevent</code> in submit button to upload image into host.</p>
  
  <p>problem is I'm using component from this site :</p>
  
  <p><a href="https://lusaxweb.github.io/vuesax/components/upload.html" rel="nofollow noreferrer">https://lusaxweb.github.io/vuesax/components/upload.html</a></p>
  
  <p>which it's using this type of code for uploading :</p>
  
  <pre><code>&lt;vs-upload action="https://jsonplaceholder.typicode.com/posts/" @on-success="successUpload" /&gt;
  </code></pre>
  
  <p>I've changed and removed action with <code>onChange</code> and other things but just because i'm beginner i'm sure i didn't properly. so what i'm trying to do is implement those <code>@change="updateShenasnameScan"</code> &amp; <code>@click.prevent="saveShenasnameScan"</code> into this <code>vs-upload</code> component.</p>