placeholder 유지

Question

분명 코드는 똑같은 것 같은데 리스트를 하나 입력하면 왜 입력input창에 "Type new To-Do"가 안뜰까요...? ㅠㅠ < template > < div class = "container" > < h2 > To-Do List < form @ submit . prevent ="onSubmit" > < div class = "d-flex" > < div class = "flex-grow-1 mr-2" > < input class = "form-control" type = "text" v-model ="todo" placeholder = "Type new To-Do" > < div > < button class = "btn btn-primary" type = "submit" > Add < div v-show ="hasError" style = "color: red" > This field cannot be empty < div v-for ="todo in todos" : key ="todo.id" class = "card mt-2" > < div class = "card-body p-2" > < div class = "form-check" > < input class = "form-check-input" type = "checkbox" v-model ="todo.completed" > < label class = "form-check-label" > {{ todo.subject }} < script > import { ref } from 'vue' ; export default { setup() { const todo = ref( '' ); const todos = ref([]); const hasError = ref( false ); const onSubmit = () => { if (todo.value === '' ) { hasError.value = true ; } else { todos.value.push({ id: Date.now(), subject: todo.value, completed: false , }); hasError.value = false ; todo.value = " " } }; return { todo, todos, onSubmit, hasError, } } } < style > .name { color : red; }

코지 코더 · Answer

todo.value = " " 여기서 띄어쓰기 해서 빈값이 들어가서 그런거 같아요 ^^