본문 바로가기

Knowledge Wiki/Vue.js

Vue.js input 태그

1. input 태그에서 자주 사용하면 이벤트 -> @input, @change

2. $event 는 JavaScript 이벤트리스너의 이벤트 파라미터 e와 동일한 역할

<input @input="userData = $event.target.value">

3. input 값을 검증하고 싶으면 watcher를 쓰면 됨
    data를 감시하는 함수

export default {
  name: "Modal",
  data(){
    return {
      month: 1,
    }
  },
 watch: {
    month(oldValue, newValue) { // month 데이터가 변할 때마다 watcher도 실행됨

      if (oldValue >= 13) {
        alert("13이상 입력하지 마셈");
      }
    },
  },
};
반응형

'Knowledge Wiki > Vue.js' 카테고리의 다른 글

Vue.js 클래스  (0) 2021.12.03
Vue.js v-model  (0) 2021.12.03
Vue.js custom event  (0) 2021.12.03
Vue.js props  (0) 2021.12.03
Vue.js 컴포넌트  (0) 2021.12.03