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 |