How to bind @click to router-link?

Question

Vue.js

The function does not work when I bind to router-link.

<router-link to="/" @click="doSomething" ></router-link>

But that's how it works.
<p @click="doSomething" ><p>

Answer 1

Purely for information: @click.native="doSomething".
The .native modifier places the click on the component's root element, not on the component itself. But you should n't do
that with a router-link .

Answer 2

And won't work.
If you need both a transition and an event, make your own handler, for example

<a @click="handleClick">Click Me</a>

methods: {
    handleClick () {
      console.log('click')
      this.$router.push('/daw')
    }
  }