반응형
- submit의 기본 기능은 새로고침.
새로고침을 막기위해서 event.preventDefault(); 를 사용한다.
methods:{
submitForm:function(event){
event.preventDefault();//submit의 기본동작인 새로고침을 막음
console.log(this.username, this.password);
}
}
- v-on: 에 사용할 .prevent를 사용하면 같은 결과를 얻을 수 있음
<form v-on:submit.prevent="submitForm">
** v-on:submit.prevent = @submit.prevent
반응형
'vue.js' 카테고리의 다른 글
ref (0) | 2023.04.21 |
---|---|
vue.js 문서 (0) | 2023.04.21 |
싱글파일 컴포넌트 (0) | 2023.04.20 |
Vue CLI(command line interface) (0) | 2023.04.20 |
watch, computed 속성 (0) | 2023.04.20 |