vue事件修饰词

最新推荐文章于 2024-04-12 11:01:11 发布

轻尘×

最新推荐文章于 2024-04-12 11:01:11 发布

阅读量606

点赞数

分类专栏： vue-js

本文链接：https://blog.csdn.net/leisure_life/article/details/83900193

版权

本文详细探讨Vue.js中事件修饰符的用法和应用场景，包括.stop、.prevent、.capture、.self、.once、.passive等，帮助开发者更好地控制事件行为，提升应用性能。

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

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta http-equiv="X_UA-Compatible" content="ie=edge">
    <title>vue 入门</title>
    <!--1 导入vue.js库-->
    <script src="./lib/vue.js"></script>
    <style>
        .inner {
            height: 150px;
            background-color: aquamarine;
        }
    </style>
</head>

<body>

    <div id="app">
         <!--使用.stop阻止冒泡-->
        <!--
        <div class="inner" @click="div1Handler">
            <input type="button" value="点这里" @click.stop="btnHandler">

        </div>
        -->
        <!--.prevent阻止默认行为-->
        <!-