keyup.enter 질문드립니다.
373
skyjoon2
작성한 질문수 48
1
문득 이리저리 해보다가 궁금해서 질문드립니다.
<template>
<div class="inputBox shadow">
<!-- v-model : input에 입력된 텍스트를 동적으로 변화하게 해준다. -->
<input type="text" v-model="newTodoItem" >
<!-- <button v-on:click="addTodo">add </button> -->
<button class="addContainer" @click="addTodo" @keyup.enter="addTodo">ADD
<i class="fa-solid fa-plus"></i>
</button>
<ModalTest v-if="showModal" @close="showModal = false">
<template v-slot:header><h2>할 일을 입력하세요.</h2></template>
</ModalTest>
</div>
</template>
위의 코드와 같이 input에 아닌 button에 keyup.enter기능을 넣으면 어떻게 되나 궁금해서 넣었는데 해당버튼을 클릭하고 엔터를 누르면 버튼이 계속 눌러지는 상태가 지속됩니다. true false값을 줬지만 0.1초 사라지고 다시 팝업이 뜨더라구요. 찾아보니 button에는 이벤트 값이 없다? 이런 말들이 있는데 button을 엔터키로 제어하는법이 궁금합니다.
위의 코드와 같이 input에 아닌 button에 keyup.enter기능을 넣으면 어떻게 되나 궁금해서 넣었는데 해당버튼을 클릭하고 엔터를 누르면 버튼이 계속 눌러지는 상태가 지속됩니다. true false값을 줬지만 0.1초 사라지고 다시 팝업이 뜨더라구요. 찾아보니 button에는 이벤트 값이 없다? 이런 말들이 있는데 button을 엔터키로 제어하는법이 궁금합니다.
답변 1
Chrome 개발자 모드 확장이 안됨
0
321
1
깃 권한 요청드립니다
0
130
1
vue.js 중급 리포지토리 권한 관련
0
131
1
vuex + axios 질문 있습니다!
1
211
2
깃 권한 요청드립니다!
0
170
1
강의 깃주소 문의
0
153
1
router-view에 props를 어떻게 넘길 수 있나요?
1
293
2
Vue가 인식되지 않는 현상
0
215
1
기초강좌는 어디있나요?
1
203
2
App.vue가 필요한 이유
0
202
1
getter가 정의되어 있지 않아 오류가 발생합니다.
1
266
1
뷰 라이프사이클
1
198
1
TSLint 말고 TSLint Vue 설치해도 되나요?
1
381
3
로컬 스토리지는 어디에 있나요?
1
292
1
vuex 실행시 새로고침해야지만 리스트에 나타나는 현상
1
407
2
export default 관련한 질문
0
370
2
깃허브 vue-todo 접근불가에 따른 확인요청
1
364
2
깃허브에 문제있는것 같습니다.
1
286
2
인프런 강의 재생 화면 구성 변경 문의드립니다
1
314
2
addTodo Helper 함수 적용
1
255
1
vuex 헬퍼 전역 설정
1
255
2
github 권한요청드립니다.
1
265
2
이벤트 위치에 대한 궁금증 입니다.
1
234
2
구조 차이에 대한 문의
1
353
2