So binden Sie das Klickereignis, wenn die vue-Paketkomponente aufgerufen wird

Wir werden während der Entwicklung viele gängige Komponenten kapseln. Wie kann man also ein Klickereignis binden, wenn eine Komponente gekapselt wird?
1. Kinderkomponente

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

2. Elternkomponente

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

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

Ich denke du magst

Origin blog.csdn.net/weixin_43169949/article/details/99477534
Empfohlen
Rangfolge