Vuetify 3: v 아이콘에 SVG 사용
P粉440453689
2023-08-28 21:34:41
<p>내 사용자 정의 SVG를 v 아이콘으로 사용하고 싶지만 Vuetify v3 문서에서 해결책을 찾지 못했습니다. </p>
<p>vuetify v2에서는 vuetify.js에서 다음과 같은 작업을 수행할 수 있습니다. </p>
<pre class="brush:php;toolbar:false;">기본 새 Vuetify 내보내기({
아이콘:{
값: {
시험: {
구성 요소: 테스트,
},</pre>
<p>다음과 같이 사용할 수 있습니다.</p>
<pre class="brush:php;toolbar:false;"><v-icon size="40">$vuetify.icons.test</v-icon></pre>
<p>Vuetify v3에서 동일한 작업을 어떻게 수행합니까? 도와주셔서 감사합니다 :)</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
아래 코드는 mdi 아이콘 세트와 함께 Vuetify에 사용자 정의 아이콘을 추가하고 별칭을 통해 구성 요소에서 두 아이콘을 모두 사용하는 예를 보여줍니다.
vuetify.js
으아악folderIcon.vue(사용자 정의 아이콘)
으아악모든 SFC
으아악원본 출처: Vuetify Discord 채널의 Thread