VUE绑定事件

最新推荐文章于 2024-04-19 18:32:11 发布

唐伯虎点蚊香1997

最新推荐文章于 2024-04-19 18:32:11 发布

阅读量297

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/weixin_42528456/article/details/121530695

版权

<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
[v-cloak]{
    display: none;
}
</style>
</head>
<body>   <div id="app">
        <div>{{num}}</div>
        <div>
            <button @click='handle1'>点击1</button>
            <button @click='handle2(123,456,$event)'>点击2</button>
        </div>
    </div>
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
    <script type="text/javascript">
    
    var vm = new Vue({
        el:'#app',
        data:{
            msg:'Hello Vue',
            num:0
        },
        methods: {
            handle2:function(d1,d2){
                console.log(d1,d2)
                 console.log(event.target.tagName)   --显示button
                 console.log(event.target.innerHTML) --显示点击2
                this.num++;
            },
        handle1:function(event){
            console.log(event.target.innerHTML)  --显示点击1
        }
        },
    });
</script>
</body>
</html>**

在这里插入图片描述