0

Как сюда добавить ещё одно поле телефона например, чтобы при клике на кнопку в список залетали и телефон и имья.

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="UTF-8">
<title>Document</title>
</head>
<body>
    <div id="app">
        <button @click="addItem">Create</button>

        <input type="text" id="itemForm" placeholder="firstname">
        <input type="text" id="itemForm" placeholder="telephone">

        <ol>
            <li v-for="(todo, index) in todos">
                {{ todo.text }}
                <button @click="deleteFind(index)">X</button>

            </li>
        </ol>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
var app4 = new Vue({
    el: '#app',
    data: {
        todos: [

        ]
    },
    methods: {
        addItem() {
            var input = document.getElementById('itemForm');
            app4.todos.push({ text:input.value })
        },
        deleteFind(index) {
            this.todos.splice(index, 1);
        },
        updateList(){
            Vue.set(this.todos, 0, '  ');
        }


    }
})
</script>
</body> 
</html>
3

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.