はい!今やってます!

Work Pertly, Live Idly

Nuxtでnuxt-link(n-link)にリンクのアンダーラインを表示したくないとき

nuxt-link(n-link)を使うと自動的にアンダーラインが引かれるのでデザイン的に困っちゃうことがあると思う。
これはnuxt-linkがaタグを吐くからなんだけど、tagオプションを指定してやると、吐き出すタグを指定することができる。
以下のようにdivタグを吐き出して、class指定して普通にCSS吐き出してやればOK。
もちろんaタグのCSS書き換えてもいいし、classだけ指定してCSS書き換えるのもOK。

<nuxt-link
  to="/hoge/fuga"
  tag="div"
  class="c-p"
>
.c-p {
  cursor: pointer;
}