vuejs2 - español - Agregue el detector de eventos al componente<router-link> usando la directiva “v-on:”-VueJS

vue router push

Question

Estoy intentando agregar un controlador personalizado InlineButtonClickHandler a un evento de click del componente <router-link> , para poder emitir un evento personalizado appSidebarInlineButtonClick .

Pero, mi código no está funcionando. ¿Qué estoy haciendo mal?

<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

Necesitas agregar el modificador .native :

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

Esto escuchará el evento de clic nativo del elemento raíz del componente de router-link del router-link .

Answer 2

una buena solución sería:

<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>

Quizás puedas probar esto.