Vue.js v-on:submit
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>4 submit</title>
</head>
<body>
<div id="app">
<form action="submit.html" v-on:submit="handleIt"> //v-on:submit="handleIt"可以改寫成@submit="handleIt"，如果不想發送資訊/跳轉頁面可以改成v-on:submit.prevent="handleIt"
<button type="submit" style="cursor:pointer">立即送出</button>
</form>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.1/vue.min.js"></script>
<script>
new Vue({
el:'#app',
methods:{
handleIt: function(){
alert("You click 立即送出!");
}
}
});
</script>
</body>
</html>參考：［教學］Vue js快速上手（五）Vue.js要如何v-on的其他運用 | YOTTA友讀——陪你成長的學習夥伴｜跨領域線上學習平台 (yottau.com.tw)