vue 自定義icon圖標的步驟

更新時間：2021年08月09日 14:37:53 作者：Jim-vue

這篇文章主要介紹了vue 自定義icon的圖標的步驟，文中大概給大家分為兩步驟，通過實例圖文相結合給大家介紹的非常詳細,需要的朋友可以參考下

ant-design-vue自定義使用阿里iconfont圖標\

第一步：從iconfont獲取項目js鏈接

第二步在需要引用iconfont的頁面處加入

在Deom中使用：
 <a>
     <Fonts type='icon-zutaishitu'/>
 </a>

import { Icon } from ‘a(chǎn)nt-design-vue';

 const Fonts = Icon.createFromIconfontCN({
     scriptUrl: '//at.alicdn.com/t/font_2731654_ew9hs5g22se.js'
 })

 export default {
     components: {
         Fonts
     }
}

效果：

到此這篇關于vue 自定義icon的文章就介紹到這了,更多相關vue 自定義icon內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

QT和vue交互的實現(xiàn)示例
本文主要介紹了QT和vue交互的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-07-07
vue實現(xiàn)提示保存后退出的方法
下面小編就為大家分享一篇vue實現(xiàn)提示保存后退出的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
Vue iview-admin框架二級菜單改為三級菜單的方法
這篇文章主要介紹了Vue iview-admin框架二級菜單改為三級菜單的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-07-07
vue實現(xiàn)購物車列表
這篇文章主要為大家詳細介紹了vue實現(xiàn)購物車列表，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-06-06
vue3項目中的el-carousel 輪播圖的使用
Carousel（走馬燈）是一種常見的前端組件,通常用于展示多個項目（通常是圖片或內(nèi)容塊）的輪播效果,這篇文章主要介紹了vue3項目中的el-carousel 輪播圖的使用,需要的朋友可以參考下
2024-02-02
詳解element-ui動態(tài)限定的日期范圍選擇器代碼片段
這篇文章主要介紹了element-ui動態(tài)限定的日期范圍選擇器代碼片段，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-07-07
Vue 打包體積優(yōu)化方案小結
這篇文章主要介紹了Vue 打包體積優(yōu)化方案小結，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-05-05
vue3將頁面生成pdf導出的操作指南
最近工作中有需要將一些前端頁面(如報表頁面等)導出為pdf的需求,下面這篇文章主要給大家介紹了關于vue3 如何將頁面生成 pdf 導出,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2023-07-07
Vue3中使用監(jiān)聽器的具體實踐
監(jiān)聽器是Vue3中非常好用的一個特性,用于監(jiān)聽某個響應式變量的變化,本文就來介紹一下Vue3中使用監(jiān)聽器的具體實踐,具有一定的參考價值,感興趣的可以了解一下
2023-12-12
vue.js實現(xiàn)h5機器人聊天（測試版）
這篇文章主要為大家詳細介紹了vue.js實現(xiàn)h5機器人聊天測試版，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-07-07