[vue.js] ref와 focus
보간법과 v-model 글에 이어, 구구단 게임을 할 수 있는 웹 페이지를 마저 완성시켜본다. v-on:이벤트명 => v-on: 을 통해서 어떤 이벤트를 다룰 수 있다. 일종의 eventListener라고 생각하자. e.preventDefault() => 특정 이벤트에서 페이지가 새로고침 되지 않게 하기 위함이다. 특히 SPA에서 중요. ref로 태그 네이밍 후 커서 위치를 focus로 input에 옮겨주기. ref='이름'으로 특정 태그에 이름을 지어줄 수 있다. $refs.이름으로 접근이 가능해진다 <div id="root"> <div> {{first}} 곱하기 {{second}}(은)는?</div> <form v-on:submit="onSubmitForm"> <inp..
Programming/Vue
2019. 7. 25. 09:47