Vuetify Отправить данные из формы с Axios - PullRequest
Новая
       47

Vuetify Отправить данные из формы с Axios

1 голос
/ 09 ноября 2019

Я использую Vuetify в своем проекте VueJs, и мне нужно отправить данные из моей формы, в которую я загружаю файл (CSV) и получил некоторые числовые данные. Мне нужно сделать это с Аксиосом.

Я пытался что-то сделать, но всегда получал 404.

Это мой код Vuetify: 

<v-form>
    <v-container>
        <v-row>
            <v-file-input
                show-size
                counter
                multiple
                label="Nacitaj CSV"
                ref="myfile"
                v-model="files"
            ></v-file-input>
        </v-row>

            <v-row>
                <v-col>
                    <v-text-field
                        type="number"
                        label="zadaj cislo"
                    />
                </v-col>
                <v-col>
                    <v-text-field
                        type="number"
                        label="zadaj cislo"
                    />
                </v-col>
            </v-row>

            <v-row>
                <v-col :cols="2">
                    <v-btn
                        block
                        color="primary"
                        @submit="submitFiles"
                    >
                        Submit
                    </v-btn>
                </v-col>
            </v-row>
    </v-container>
</v-form>

methods: {
        submitFiles() {
            if (this.files) {
                 let formData = new FormData();
                 // files
                 for (let file of this.files) {
                    formData.append("files", file, file.name);
                 }
                 // additional data
                 formData.append("test", "foo bar");
                 axios.post("/about", formData);
            }

Я пробовал скрипт, которыйЯ нашел в интернете, но он не работал;также скрипт был только для файла.

...