Vue事件处理器：事件绑定基础、事件修饰符：stop、prevent、capture、self、once；

最新推荐文章于 2023-08-07 22:56:34 发布

陌一一

最新推荐文章于 2023-08-07 22:56:34 发布

阅读量553

点赞数

分类专栏： web前端开发文章标签： vue.js javascript 前端前端框架数据结构

本文链接：https://blog.csdn.net/a1598452168YY/article/details/127964984

版权

先看代码：

<body>
    <div id="box">
        {
  {count}}
        <button @click="handleAdd1()">add1</button>
        <button @click="handleAdd2">add2</button>
    </div>
    <script>
        new Vue({
            el: "#box",
            data: {
                count: 0,
                },
                methods: {
                    handleAdd1(){
                        this.count++
                    },
                    handleAdd2(evt) {
                        this.count++
                        console.log(evt)
                    },
                }
        })
    </script>
</body>

结果：点击add1，count数量会增加；点击add2，count数量会增加，然后打印出evt的值见下图：