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

• Z时代
• 2024-01-10
• 分类：综合

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

<template>
    <div class="child"  @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>

以上是 vue封装组件调用时绑定click事件 的全部内容， 来源链接： utcz.com/z/375609.html