@grouver

Почему не срабатывает клик?

<div class="container__wrap" id="app">
    <div class="header">
        <input type="file" v-model="file" class="" id="file" ref="file">     
        <a class="button"   v-on:click="submitFile">Отправить </a>
    </div>

    <div class="container">

        <div class="slider" id="s-1"></div>
        <div class="slider" id="s-2"></div>
        <div class="slider" id="s-3"></div>
        <div class="slider" id="s-4"></div>
        <div class="slider" id="s-5"></div>

    </div>
</div>

var app = new Vue({
        el: '#app',
        data() {
            return {
                file: '',
                text: 'ww',
                seen: true,
            }
        },
        methods: {
            submitFile() {
                console.log('Отправляем');
                let formData = new FormData();
                formData.append('file', this.file);
                axios.post('/vendor/FileController',
                    formData,
                    {
                        headers: {
                            'Content-Type': 'multipart/form-data'
                        }
                    }
                ).then(function () {
                    console.log('SUCCESS!!');
                })
                    .catch(function () {
                        console.log('FAILURE!!');
                    });
            },
            handleFileUpload() {
                this.file = this.$refs.file.files[0];
            }
        }
    });


не срабатывает клик по кнопке отправить(
  • Вопрос задан
  • 77 просмотров
Пригласить эксперта
Ответы на вопрос 1
Aetae
@Aetae Куратор тега Vue.js
Тлен
Всё работает, хоть и с ворнингами:
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы