Post запрос axios vue js

103
11 мая 2021, 15:10

Хочу отправить значение data_state = false на сервер после клика на картинку. Код скрипта:

 const car = (image) => ({image})
    const cars = [
        car('images/1.jpg'),
        car('images/2.jpg')
    ]
    new Vue({
    el: '#app',
    data: {
        data_state: true,
        cars,
        car: cars[0]
    },
    methods: {
        change_image: function() {
            this.car = cars[1];
            data_state = false;
        },
        data_state_img() {
            axios.post('http://jsonplaceholder.typicode.com/posts', {
                data_state: this.data_state
            })
            .then(response => {})
        }
    }
    })

Темплейт:

<div id="app">
    <div @change="data_state_img()" v-model="data_state">
        <img
            v-on:click="change_image"
            class="detalied-image pointer"
            :src="car.image" 
        >
    </div>
</div>

Пишет ошибку:

<div v-model="data_state">: v-model is not supported on this element type. If you are working with contenteditable, it's recommended to wrap a library dedicated for that purpose inside a custom component.

Спасибо.

Answer 1

v-model использует разные свойства и генерирует разные события для различных элементов ввода

источник

READ ALSO
Использование в объекте своих же свойств

Использование в объекте своих же свойств

Никак не могу понять в чём ошибка, неужели так делать нельзя

92
Ошибка с константной

Ошибка с константной

У меня есть структура, которая хранит событие и флаг является оно последним или нет

93
Комбинация директив для openmp

Комбинация директив для openmp

К примеру у меня есть некий цикл для распаралеливания:

80