hoony's web study

728x90
반응형


vuejs 에서 엔터키 처리하는 부분입니다.

참고사이트 
https://vuejs.org/v2/guide/events.html

 

Event Handling — Vue.js

Vue.js - The Progressive JavaScript Framework

vuejs.org

<v-text-field label="비밀번호를 입력해주세요"
                              name="memberPwd"
                              v-model="memberPwd"
                              :rules="[() => !!memberPwd || '비밀번호는 필수입니다.']"
                              prepend-inner-icon="mdi-lock"
                              type="password"
                              class="rounded-0"
                              required
                              @keyup.enter="login()"
                >
                </v-text-field>
@keyup.enter="login()"

위의 예시처럼 짧게 처리하시면 됩니다.

728x90

'개발관련 > VUE JS' 카테고리의 다른 글

prepend-icon=event icon not showing  (0) 2022.01.18
vuetify Date picker  (0) 2022.01.18
vuejs drawer menu link  (0) 2022.01.17
vuetify drawer menu 디자인시 참고 사이트  (0) 2022.01.14
vuetify pagination 예제  (0) 2022.01.11

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading