[Vue warn]: свойство или метод «задача» не определены в экземпляре, но на них ссылаются во время рендеринга - PullRequest
Новая
       16

[Vue warn]: свойство или метод «задача» не определены в экземпляре, но на них ссылаются во время рендеринга

0 голосов
/ 03 июля 2018

Я работаю с Laravel 5.5, Vue 2 и использую Laravel-mix, я пытался отобразить список элементов ввода с помощью Vue, но когда я попробую это, консоль вернет

[Vue warn]: свойство или метод «задача» не определены в экземпляре, но на них ссылаются во время рендеринга

Это мой шаблон, похожий на цикл: 

<template v-for="task in tasks">
    <div class="input-group mb-1">
        <div class="input-group-prepend">
            <div class="input-group-text bg-white cursor-pointer checkbox">
                <span class="mdi mdi-crop-square"></span>
            </div>
        </div>
        <input type="text" :id="task.id_task" class="form-control bg-white cursor-pointer task-clk" :value="task.name" @click="showTask"
            readonly>
    </div>
</template>

Итак, это мой компонент Vue 

<script>
    function Task({id_task, name, status}) {
        this.id_task = id_task;
        this.name = name;
        this.status = status;
    }

    export default {
        data() {
            return {
                tasks: []
            }
        },
        props: ['idList, id_task, name, status'],
        created() {
            this.getTasks();
        },
        methods: {
            getTasks() {
                window.axios.get('/api/get-tasks-by-list/' + this.idList).then(({data}) => {
                    data.tasks.forEach(task => {
                        this.tasks.push(new Task(task));
                    });
                });
            },
            showTask(ev) {
                var id = ev.currentTarget.id;
                console.log(id);
            }
        },
    }
</script>

Я действительно не понимаю, почему эта ошибка.

...