VUE
-
[vue.js] VUE3.0 form태그 사용시 SUBMIT(enter키) 막기 (@event.prevent)VUE 2022. 11. 7. 00:09
선요약: @event.prevent 사용 : 또 다른 구문 : 설명 문제점 : vue form태그에서 엔터키 사용시(IOS ,AOS,WEB의 Enter 키) 페이지가 새로고침 된다. - 이는 VUE를 구성하는 SPA(Single Page Application)특성상 필요없는 행위라고 생각한다. - 새로고침하면 store정보가 초기화가 된다. 해결법 1) form태그를 처음부터 사용하지 않는다. 2) javascript의 e.preventDefault()의 같은 문법인 위에 코드를 사용한다.
-
[vue.js] VUE3.0 input에 focus가 안된다면? (feat.nextTick)VUE 2022. 11. 6. 23:58
선요약 : 1. Template부분 : focus 주고싶은 input 태그에 ref 선언 2.setup 부분 : focus 함수 선언 setup() { // INPUT REF const refInput = ref() // FOCUS 호출 const focusOn = () => { // 화면에 추가된 후 동작하도록 nextTick nextTick(()=> { refInput.value.focus() }) } onActivated(()=>{ focusOn() }) return { focusOn, refInput, } } 설명 : 1. 모든 방법을 사용해도 VUE3로 구성한 내 vue페이지가 구글에있는 모든 VUE focus 방법이 안먹는다. 2. 여기서 중요한 해결방법은 nextTick() 함수다. (각자 ..