Vue.js v-on:submit

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)