#b5.1.4.1 停止資料送出

by BDeer

HTML

<div id="app">
{{ message }}
 <form @submit.stop="onSubmit">
  <label>提交資料</label>
  <input type="text">
  <button type="submit">提交</button>
 </form>
</div>

Vue

let vmOn = new Vue({
 el: '#app',
 data: {
  message: ''
 },
 methods: {
  onSubmit(e) {
   e.preventDefault()
   console.log('sumbited')
   this.message = '觸發 onSubmit() 並停止送出資料'
  }
 }
})