vue封装组件调用时绑定click事件

我们在开发中会封装许多的通用的组件，那么如何封装好一个组件时，在调用的时候绑定click事件呢？

1.child组件

<template>
    <div  @click="$emit'childClick',123) />
   //说明：第一个参数：childClick ，是事件名，在调用的时候需要用到，第二个参数123，是你在调用的时候传给父组件的值
</template>

2.parent组件

<template>
   <Child @childClick ="childClick ($event)"/>
</template>

<script>
    exxport defaut{
      component:{
         Child:()=>import('./child')
      },
      methods:{
         childClick(v){
           console.log(v) //123
         }
   }
</script>

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_9044