[Vue.js メモ]名前付きルートでv-on:clickを使っても動作しない時の対処法

概要

以下のように vue-routerの名前付きリンクの機能の実装を試みるも動かない。検証ツールをみても警告もエラーもない。

<router-link :to="{ name: 'user', params: { userId: 123 }}" v-on:click="handleClick">User</router-link>

router.vuejs.org

解決法

v-on:clickの代わりに v-on:click.nativeを使うと無事、動作する。

<router-link :to="{ name: 'user', params: { userId: 123 }}" v-on:click.native="handleClick">User</router-link>

バージョンなど

参考

github.com