Vue - @click.prevent_vue click preventdefault

作者：知新_RL | 2024-02-13 02:21:51

踩

vue click preventdefault

.prevent: 调用event.preventDefault()


<body>
<div id = "app">
    <form action="test">
        <input type="submit" value="提交" @click.prevent="submitClick">
    </form>
</div>
 
<script src="../vue.js"></script>
<script>
    const app = new Vue({
        el: '#app',
        data: {
        },
        methods: {
            submitClick() {
                console.log("submitClick");
            }
        }
    })
</script>
</body>

点击提交按钮时会调用自定义的方法。

如果不使用.prevent，则是form默认提交。

.prevent 实现了自定义提交数据，实际开发中非常实用。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/79404