title: Add event listener to <router-link> component using "v-on:" directive - VueJS
body: <p>I'm attempting to add a custom handler <code>InlineButtonClickHandler</code> to a <code>&lt;router-link&gt;</code> component's <code>click</code> event, so that I can emit a custom <code>appSidebarInlineButtonClick</code> event.</p>
  
  <p>But, my code isn't working. What am I doing wrong? </p>
  
  <pre><code>&lt;template&gt;
     &lt;router-link :to="to" @click="InlineButtonClickHandler"&gt;
       {{ name }}
     &lt;/router-link&gt;
  &lt;/template&gt;
  
  &lt;script type="text/babel"&gt;
  export default {
    props: {
      to: { type: Object, required: true },
      name: { type: String, required: true }
    },
    methods: {
      InlineButtonClickHandler(event) {
        this.$emit('appSidebarInlineButtonClick');
      }
    }
  } 
  &lt;/script&gt;
  </code></pre>