form 阻止form的默认行为

最新推荐文章于 2024-12-02 15:32:52 发布

weixin_30323631

最新推荐文章于 2024-12-02 15:32:52 发布

阅读量343

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/chefweb/p/6823812.html

本文介绍了一种使用Vue.js阻止HTML表单默认提交行为的方法。通过在form标签上添加v-on:submit.prevent指令，可以避免表单提交时页面刷新，默认的行为被阻止后，可以执行自定义的JavaScript函数进行数据验证或异步提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

阻止form提交表单的默认行为

<div id="div">
        <!-- 阻止表单提交 submit.prevent -->
        <form action="http://www.baidu.com" v-on:submit.prevent="sub">
            <button>submit</button>
        </form>
    </div>
    
    <script>
        new Vue({
            el:"#div",
            methods:{
                sub:function(){
                    alert(1)
                }
            }
        })
    </script>