Vue.js - Uncaught TypeError: Невозможно прочитать свойство 'push' из неопределенного при <anonymous>: 1: 12 - PullRequest
Новая
       0

Vue.js - Uncaught TypeError: Невозможно прочитать свойство 'push' из неопределенного при <anonymous>: 1: 12

0 голосов
/ 27 мая 2018

Я получаю сообщение об ошибке:

Uncaught TypeError: Невозможно прочитать свойство 'push' of undefined при: 1: 12

После попытки переместить другой элемент всписок задач через консоль в Chrome: 

app3.todos.push({ text: "New item" })

Ниже мой код:

HTML 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Web for Vue.Js</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        window.onload = function () {
            var app3 = new Vue({
                el:"#app3",
                data: {
                    todos:[
                        {text: "1"},
                        {text: "2"},
                        {text: "3"},
                        {text: "4"}
                    ]
                }
            });
        }
    </script>
</head>
<body>
    <div id="app3">
        <ol>
            <li v-for="todo in todos">
                {{ todo.text }}
            </li>
        </ol>
    </div>
</body>

</html>

1 Ответ

0 голосов
/ 27 мая 2018

Переместите свой код из обработчика событий для загрузки страницы, и все будет хорошо.В противном случае вы не сможете получить доступ к экземпляру переменной через консоль.

Будулинек уже говорил вам вчера.:) 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Web for Vue.Js</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app3">
        <ol>
            <li v-for="todo in todos">
                {{ todo.text }}
            </li>
        </ol>
    </div>
    <script>
            var app3 = new Vue({
                el:"#app3",
                data: {
                    todos:[
                        {text: "1"},
                        {text: "2"},
                        {text: "3"},
                        {text: "4"}
                    ]
                }
            });
    </script>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...