Как использовать компонент загрузки Vuesax в проекте Laravel / Vue.js? - PullRequest
Новая
       2

Как использовать компонент загрузки Vuesax в проекте Laravel / Vue.js?

0 голосов
/ 13 января 2019

Я работаю над этим проектом на основе учебных пособий по сети и YOUTUBE. Моя проблема заключается в том, что на основе учебника я получил от этого: 

<form class="form-horizontal">
    <div class="form-group">
        <label for="mellicode_front_url" class="col-sm-2 control-label">scan</label>

        <div class="col-sm-12">
            <input type="file" @change="updateMelliCodeFrontScan" name="mellicode_front_url" class="form-input" >
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-12">
            <button @click.prevent="saveMelliCodeFrontScan" type="submit" class="btn btn-success">submit scan</button>
        </div>
    </div>
</form>

Как вы можете видеть в этом коде, когда я открыл файл IMAGE, я использую @change метод, тогда я буду использовать click.prevent в кнопке отправки для загрузки изображения на хост.

Проблема в том, что я использую компонент с этого сайта:

https://lusaxweb.github.io/vuesax/components/upload.html

который использует этот тип кода для загрузки: 

<vs-upload action="https://jsonplaceholder.typicode.com/posts/" @on-success="successUpload" />

Я изменил и удалил действие с помощью onChange и другими вещами, но только потому, что я новичок, я уверен, что сделал это неправильно. поэтому я пытаюсь внедрить эти @change="updateShenasnameScan" & @click.prevent="saveShenasnameScan" в этот vs-upload компонент.

...