事件修饰符

事件修饰符

1、 .stop 阻止冒泡

    <header @click="log3">
        <aside @click.stop="log2">
            <button @click="log1">log1</button>
        </aside>
    </header>

2、 .capture添加事件侦听器时使用事件捕获模式

    <header @click.capture="log3">
        <aside @click="log2">
            <button @click="log1">log1</button>
        </aside>
    </header>

3、.self 只当事件在该元素本身（比如不是子元素）触发时触发回调

    <header @click="log3">
        <aside @click.self="log2">
            <button @click.self="log1">log1</button>
        </aside>
    </header>

4、.once事件只触发一次

    <header @click.once="log3">
        <aside @click="log2">
            <button @click="log1">log1</button>
        </aside>
    </header>

5、.prevent 阻止默认事件

    <a @click.prevent="blank" href="http://www.baidu.com">百度一下</a>