VUE学习——事件修饰符

最新推荐文章于 2024-06-15 14:41:39 发布

BUG批量生产者

最新推荐文章于 2024-06-15 14:41:39 发布

阅读量401

点赞数 9

分类专栏： VUE 文章标签： vue.js 学习 javascript

本文链接：https://blog.csdn.net/JiangMeiXue/article/details/136088439

版权

VUE 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

本文介绍了在Vue模板中使用`@click`和`@click.prevent`处理点击事件的区别，以及如何通过`e.preventDefault()`阻止默认行为。特别提到在子组件中点击时，事件会停止在子级并防止向上冒泡到父级，依据了Vue官方文档的说明。

摘要由CSDN通过智能技术生成

阻止默认事件

<template>
    <a @click="onClickHandle" href="https://www.baidu.com">baidu</a>
    <a @click.prevent="onClickHandle" href="https://www.baidu.com">baidu</a>
</template>
<script>
    export default{
        data(){
            return{

            }
        },
        methods: {
            onClickHandle(e){
                e.preventDefault();
            }
        }
    }
</script>

其中e.preventDefault();，和@click.prevent作用一样。