欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決vue 項目引入字體圖標報錯、不顯示等問題

 更新時間:2018年09月01日 15:18:08   作者:mxf_bear  
今天小編就為大家分享一篇解決vue 項目引入字體圖標報錯、不顯示等問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

問題:在項目開發(fā)時使用字體圖標,發(fā)現(xiàn)兩個問題;

1、出現(xiàn)報錯:

解決方法為:把字體引入方式改為絕對路徑

2、不報錯,但是不顯示圖標字體,出現(xiàn)方框

原因可能有兩種:

①沒在用到的地方引入字體的樣式文件②你使用的是后綴名為 .styl 文件

①的解決辦法是在用到的地方引入字體的樣式文件(全局引入的話需要從app.vue里引入)

②這個就是我遇到的問題,浪費了我好幾分鐘?。。∥⑿?/p>

解決辦法是把font.styl改為font.css

記得在用到圖標的地方引入

問題原理后續(xù)再寫。

以上這篇解決vue 項目引入字體圖標報錯、不顯示等問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • element-ui如何在table中使用tooltip

    element-ui如何在table中使用tooltip

    這篇文章主要介紹了element-ui如何在table中使用tooltip問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • vue組件間傳值的方法你知道幾種

    vue組件間傳值的方法你知道幾種

    這篇文章主要為大家詳細介紹了vue組件間傳值的方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-02-02
  • 超全面的vue.js使用總結(jié)

    超全面的vue.js使用總結(jié)

    Vue.js是當下很火的一個JavaScript MVVM庫,它是以數(shù)據(jù)驅(qū)動和組件化的思想構(gòu)建的。相比于Angular.js,Vue.js提供了更加簡潔、更易于理解的API,使得我們能夠快速地上手并使用Vue.js。下面這篇文章主要給大家介紹了關(guān)于vue.js使用的相關(guān)總結(jié),需要的朋友可以參考借鑒。
    2017-02-02
  • Vue中通過minio上傳文件的詳細步驟

    Vue中通過minio上傳文件的詳細步驟

    最近項目中使用了minio作為靜態(tài)資源管理服務(wù),所以簡單寫一下如何通過minio來上傳圖片,下面這篇文章主要給大家介紹了關(guān)于Vue中通過minio上傳文件的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-07-07
  • 超實用vue中組件間通信的6種方式(最新推薦)

    超實用vue中組件間通信的6種方式(最新推薦)

    組件是 vue.js最強大的功能之一,而組件實例的作用域是相互獨立的,這就意味著不同組件之間的數(shù)據(jù)無法相互進行直接的引用,所以組件間的相互通信是非常重要的,這篇文章主要介紹了vue中組件間通信的6種方式,需要的朋友可以參考下
    2022-11-11
  • Vue 項目中如何使用fullcalendar 時間段選擇插件(類似課程表格)

    Vue 項目中如何使用fullcalendar 時間段選擇插件(類似課程表格)

    最近完成一個項目,需要選擇一個會議室,但是最好能夠通過在圖上顯示出該 會議室在某某時間段內(nèi)已經(jīng)被預(yù)定了,初看這個功能感覺很棘手,仔細分析下實現(xiàn)起來還是挺容易的,下面通過示例代碼講解Vue項目中使用fullcalendar時間段選擇插件,感興趣的朋友一起看看吧
    2024-07-07
  • vue?parseHTML函數(shù)解析器遇到結(jié)束標簽

    vue?parseHTML函數(shù)解析器遇到結(jié)束標簽

    這篇文章主要介紹了vue?parseHTML函數(shù)源碼解析之析器遇到結(jié)束標簽的示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-07-07
  • 基于Vue3+ts封裝一個簡單版的Message組件

    基于Vue3+ts封裝一個簡單版的Message組件

    近日項目中需要使用信息提示框的功能,ui組件庫使用的是字節(jié)的arco-design-vue,看了一下,現(xiàn)有的Message不滿足要是需求,直接使用message組件的話,改樣式太麻煩,所以本文就本就介紹了基于Vue3+ts封裝一個簡單版的Message組件,需要的朋友可以參考下
    2023-09-09
  • vue中實現(xiàn)回車鍵登錄功能

    vue中實現(xiàn)回車鍵登錄功能

    這篇文章主要介紹了vue中實現(xiàn)回車鍵登錄功能,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-02-02
  • vue使用exif獲取圖片旋轉(zhuǎn),壓縮的示例代碼

    vue使用exif獲取圖片旋轉(zhuǎn),壓縮的示例代碼

    這篇文章主要介紹了vue使用exif獲取圖片旋轉(zhuǎn),壓縮的示例代碼,幫助大家更好的利用python處理圖片,感興趣的朋友可以了解下
    2020-12-12

最新評論