Dodaj do <router-link> detektor zdarzeń za pomocą komponentu „v-on:” Dyrektywa - VueJS

Question

Ja próbuje dodać niestandardowy obsługi InlineButtonClickHandler się do <router-link> komponentu click imprezy, tak że mogę emitować zwyczaj appSidebarInlineButtonClick wydarzenie.

Ale mój kod nie działa. Co ja robię źle?

<template> 
    <router-link :to="to" @click="InlineButtonClickHandler"> 
    {{ name }} 
    </router-link> 
</template> 

<script type="text/babel"> 
export default { 
    props: { 
    to: { type: Object, required: true }, 
    name: { type: String, required: true } 
    }, 
    methods: { 
    InlineButtonClickHandler(event) { 
     this.$emit('appSidebarInlineButtonClick'); 
    } 
    } 
} 
</script> 

Answer 1

Trzeba dodać .native modifier:

<router-link 
    :to="to" 
    @click.native="InlineButtonClickHandler" 
> 
    {{name}} 
</router-link> 

To słuchać rodzimej kliknij zdarzenie elementu korzenia Komponent router-link.

Answer 2

miłym rozwiązaniem byłoby:

<a v-link='{name: "home"}' v-on:click.capture='InlineButtonClickHandler'>Home</a>

Answer 3

<router-link:to="to"> 
    <span @click="InlineButtonClickHandler">{{name}}</span> 
</router-link> 

Może możesz spróbować.