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

ゞ 浴缸里的玫瑰 2022-04-22 12:14 277阅读 0赞

1，例子如下







  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

发表评论

表情：
评论列表 （有 0 条评论，277人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue_给组件绑定原生事件

    当我们使用组件的时候，想点击组件触发事件，要在子组件里定义触发事件，在父组件定义是没用的. 只有从子组件往外触发自定义事件，父组件里定义的触发函数才有用。 那么怎么样才能直

    比眉伴天荒比眉伴天荒/ 0 赞/ 318 阅读