🌐

【Nuxt.js】Nuxtjsのn-linkに@clickイベントをつけたい件

2020/10/22に公開

n-linkは@click="methodname"をバインドしても動かない...

開発中にちょっとあれっ?と思ったので解決策をシェアします。

動かない例

<n-link
 :to="`/targetpath`"
 @click="clickEvent" //このイベントは発火されません
>link name</n-link>

解決方法

<n-link
 :to="`/targetpath`"
 @click.native="clickEvent" //click.nativeにすれば発火されます
>link name</n-link>

参考記事

https://qiita.com/Ancient_Scapes/items/ea53a9efea6c36c1d4e5

https://github.com/nuxt/nuxt.js/issues/1786

Discussion