未定义的属性'push'-vue.js

时间:2019-10-28 20:42:12

标签: javascript arrays vue.js push

我正在尝试进入vue.js并在将项目推入数组时遇到一些问题。下面的代码基于scrimba教程,起初我对此做了一些详细说明,但是随后出现错误:“未捕获的typeError:无法读取未定义的属性'push'”。

因此我简化了它,直到回到了本教程的基础知识为止。错误仍然存​​在。

let app = new Vue({
    el: '#toDoApp',
    data: {
        todos: [
            { text: 'Learn JavaScript' },
            { text: 'Learn Vue' },
            { text: 'Build something awesome' }
        ]
    }
});

toDoApp.todos.push({ text: 'New item' });

在push语句之后,列表应该是4项,而不是我看到的3项。

我已经在网上阅读了一些内容,这可能是因为我要分配给它的变量不是数组,但据我所知是。以及我在字面上看不出它与教程代码之间没有区别的事实。

1 个答案:

答案 0 :(得分:1)

this.todos.push({ text: 'New item' });

OR

app.todos.push({ text: 'New item' });