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.