/
Rka
/
ToDoList
Обзор
Документация
Войти
/
Rka
/
ToDoList
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
Postoev
ToDoListPostoev/src/components/AddTask.vue
50 строк
897 B
ws08
commit
29 мар 2025, 05:38
29 мар 2025, 05:38
6453f0c
Код
Авторство
О чём код?
<script setup> import { ref } from 'vue' const newTask = ref('') const emit = defineEmits(['add-task']) const handleAdd = () => { if (newTask.value.trim()) { emit('add-task', newTask.value) newTask.value = '' } } </script> <template> <div class="add-task"> <input v-model="newTask" @keyup.enter="handleAdd" placeholder="Новая задача..." > <button @click="handleAdd">Добавить</button> </div> </template> <style scoped> button{ border-style:solid; border-radius: 7px; background-color: #426f6f; border-color: #8ebcbc; border-width: 2px; font-weight: bold; color: white; } .add-task { display: flex; margin-bottom: 20px; } .add-task input { flex: 1; border-style: solid; padding: 8px; margin-right: 10px; border-color: #8ebcbc; border-width: 2px; background-color: #AAB7B7; } </style>