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

Question

[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];
            }
        }
    });

не срабатывает клик по кнопке отправить(

Comments

[WapSter]

Все срабатывает

[Александр]

Не вижу кнопки, вижу ссылку (если это ссылкой назвать можно, в данном случае - текст).

[grouver]

Александр, это тут при чем? событие click можно повесить на любой элемент.

[grouver]

WapSter, у меня нет, вщ ничего не происходит голова уже взрывается

[WapSter]

grouver, ну если ты ссылку делаешь кнопкой, то не удивительно

[grouver]

WapSter, никакого значения не имеет. Прямо сейчас попробовал сделать button - не срабатывает, div - не срабатывает, span не срабатывает. Так же попробовал сейчас on change повесить на input - не срабатывает

[eRKa]

on-click на ссылке должен срабатывать, но делать ссылку кнопкой - плохая практика. Ссылка должна куда-то вести, пусть она даже выглядит как кнопка, кнопка должна выполнять какую-то обработку, какое-то действие. Поэтому button там будет корректнее.

[grouver]

eRKa, Спасибо) буду знать)

Answer 1

[Aetae]

Всё работает, хоть и с ворнингами: