css - vue-router : router-link から下線を削除する方法

Question

これにより、下線付きのリンクが作成されます。

<li><router-link to="/hello">Hello</router-link></li>

私の理解では、router-link要素はaタグを生成します。

私はCSSでこれらのことを試しました：

router-link{
    text-decoration: none;
}

---

router-link a{
    text-decoration: none;
}

---

router-link a{
    text-decoration: none !important;
}

..しかし、残念ながら、これらはどれも機能しません。

Answer 1

次のように、ルーター リンクのタグ プロップを使用して、li css クラスを使用できます。

<li><router-link tag="li" to="/hello">Hello</router-link></li>

リンクは li css プロパティを使用するようになりましたが、通常のルーター リンクと同じように機能します。