Tips when v-icon cannot be used with Vuetify

Vuetify is incredibly convenient, and it recently is more useful then Bootstrap .

「vuetify」の画像検索結果

One problem with using Vuetify recently is that v-icons can’t be used (some can be used).

Even if you write a sample of the official document of Vuetify (like mdi-anchor ), it won’t be displayed! ?

https://vuetifyjs.com/ja/components/icons

As a result, it works by adding the following line to ./public/index.html (not ./dist/).

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">

Since it was not written in the official document, I was a little impatient, but it was a simple story.

Leave a Comment

Your email address will not be published. Required fields are marked *