ホームページ  >  に質問  >  本文

Vuetify 3: v アイコンに Svg を使用する

<p>カスタム SVG を v アイコンとして使用したいのですが、Vuetify v3 ドキュメントには解決策が見つかりませんでした。 </p> <p>vuetify v2 では、vuetify.js で次のようなことができます。 </p> <pre class="brush:php;toolbar:false;">デフォルトの new Vuetify({ アイコン:{ 値: { テスト: { コンポーネント: テスト、 },</pre> <p>次のように使用できます:</p> <pre class="brush:php;toolbar:false;"><v-icon size="40">$vuetify.icons.test</v-icon></pre> <p>Vuetify v3 で同じことを行うにはどうすればよいですか?ご協力ありがとうございます:)</p>
P粉440453689P粉440453689417日前535

全員に返信(1)返信します

  • P粉676821490

    P粉6768214902023-08-29 17:10:57

    以下のコードは、mdi アイコン セットとともにカスタム アイコンを Vuetify に追加し、エイリアスを介してコンポーネント内で両方のアイコンを使用する例を示しています。

    vuetify.js

    リーリー

    folderIcon.vue (カスタム アイコン)

    リーリー

    証券規制委員会

    リーリー

    元のソース: Vuetify Discord チャネルのスレッド

    返事
    0
  • キャンセル返事