vue.js给组件绑定原生事件

  • 时间:
  • 分类: VUE.js
<html>
    <head>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    </head>
    <body>
        <div id="app">
            <child  @click.native="handleClick"></child><!--自定义的事件，用$emit来触发,原生事件添加一个native-->
        </div>
    </body>
    <script>
    Vue.component('child',{
        methods:{
            handleChildClick:function(){
                this.$emit('click');
                alert('child')
            }
        },
       template:'<div>child</div>'
    })
        var app=new Vue({
            el:'#app',
            methods:{
                handleClick:function(){
                   alert('click')
                }
            }

        })
        
    </script>
</html>

标签: 无

发表评论：

whatsapp营销