关于Vue 3中父组件调用子组件this.$emit('click', e)被执行两次的问题

同样的是小白正在学习VUE 3,封装组件库的时候,发现在button子组件中,通过 this.$emit('click', e)向父组件传递的时候,父组件正常调用 this.$emit('click', e)就会被执行两次的问题。

图片[1]-关于Vue 3中父组件调用子组件this.$emit('click', e)被执行两次的问题-北忘山博客

这时候需要我们使用 emits进行注册,可以参考下面的:

    emits: ['click'], //这里需要先注册
    methods: {
        handleClick(e){
             this.$emit('click', e);// 如果不注册 emit会给父组件发两次响应!!
        }
    },

慢慢学吧,基础入门中

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容