search

sunmingtao / sample-code

3 stars 4 forks source link

What's the purpose of @click.native? #94

Closed sunmingtao closed 4 years ago

sunmingtao commented 4 years ago

Have a @click attribute on a custom component is of no use. e.g. <app-quote @click="deleteQuote"></app-quote>

@click.native adds a listener to the root element of the component <app-quote @click.native="deleteQuote"></app-quote>

Then suppose Quote.vue has 

<template>
    <div class="col-sm-6 col-md-4 col-lg-3">
        <div class="panel panel-default">
            <div class="panel-body quote">
                <slot></slot>
            </div>
        </div>
    </div>
</template>

The parent div element has the click event bound.