vue学习（十二）给组件绑定原生事件

最新推荐文章于 2023-11-30 16:37:04 发布

dream21st

最新推荐文章于 2023-11-30 16:37:04 发布

阅读量164

点赞数

分类专栏： vue学习

本文链接：https://blog.csdn.net/qq_36305027/article/details/83741596

版权

vue学习专栏收录该内容

19 篇文章 0 订阅

订阅专栏

1，例子如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="app">
        <counter @click.native="handleClick"></counter>
    </div>

    <script>

        Vue.component('counter',{
            template:'<div>hello world</div>'
        })

        var app=new Vue({
            el:"#app",
            data:{
                content:'hello vue'
            },
            methods:{
                handleClick:function () {
                    alert('调用到了')
                }
            }
        })
    </script>
</body>
</html>

2，因为在组件中的方法，都是通过组件背部触发的，如果要使用原生的，需要在方法后面加上.native