element-ui自帶的圖標庫還是不夠全，還是需要需要引入第三方icon，自己在用的時候一直有些問題，參考了些教程，詳細地記錄補充下

成都創新互聯堅持“要么做到，要么別承諾”的工作理念，服務領域包括：網站建設、成都做網站、企業官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的建陽網站設計、移動媒體設計的需求，幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

對于我們來說，選的當然是阿里icon庫

教程：

1.打開阿里icon，注冊 >登錄>圖標管理>我的項目

 

圖標管理>我的項目，點進去

新建項目

 

新建項目

項目名稱隨便寫。前綴注意，不要跟element-ui自帶的icon(前綴為：el-icon)重名了。

設置完，點新建

 

注意前綴。設置完，點新建

現在我們返回阿里icon首頁，點進去你想要的icon庫，因為沒有批量導入購物車，所以一般情況下需要一個一個去點，太浪費時間，那么請在控制臺輸入以下代碼，批量導入

var icons = document.querySelectorAll('.icon-gouwuche1');
 var auto_click = function(i) { if (i < icons.length) { setTimeout(function() { icons.item(i).click(); auto_click(i + 1); }, 600); } };
auto_click(0);

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網站標題：VueElement使用icon圖標教程詳解(第三方)-創新互聯
文章位置：http://www.yijiale78.com/article6/cspdig.html

成都網站建設公司_創新互聯，為您提供動態網站、關鍵詞優化、小程序開發、定制開發、網站改版、網站維護

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯