본문 바로가기
vue.js

prevent

by 신방동불주먹 2023. 4. 21.
  •  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