vue中引用本地檔案

2021-10-06 20:49:33 字數 670 閱讀 8723

轉換成可以用的檔案格式,接下來就四步:

第一步:把解析好的檔案全部引到專案中,不管在src下建個common的目錄放進去還是直接放到assets下都可以,只要後面的引入路徑正確就行;

第二步:

開啟css檔案,font-family跟的就是後面使用的文字名稱,可以自己命名;

src就是當前css檔案和字型檔案的路徑,引入。

第三步:在main.js中引用css檔案,可以在全域性的main.js中引用,也可以在某個頁面的main.js中引用,看使用的範圍;

第四步:在專案中使用:

注意:當時測試使用的字型是僅僅有數字的字型,並且一直在文字上測試,所以導致一直都不生效,耗費了挺多時間才發現這個問題,其實前面的步驟都是沒有問題的,在數字上測試是正常的,這點需要特別注意!!!

(另外,同事在做這個功能一引入字型就報錯,就把依賴刪掉重下就可以解決了)

vue 引用src中的檔案 VUE中引用路徑的配置

在vue專案開發中經常引用js css img檔案。當專案較大時檔案層級很多,導致路徑很長,我們可以通過在bulid webpack.base.conf.js 設定簡便的引用路徑 一 引用assets目錄下的檔案 舉例 1 在src components content content.vue 中引...

vue中引用js檔案的方法

在vue的很多元件中都會用到axios來post資料,每個元件中都寫上乙個post的方法倒是也可以,複製就行了,但是總感覺有些不方便,那麼可以把axios的post寫到乙個單獨的js檔案中,然後在需要的元件中引用豈不是更好嗎。新建乙個名稱為webpost.js檔案 import axios from...

vue中請求本地json檔案的問題

第一種方法1 直接使用import 進行引入 import from 路徑 第二種方法2 通過ajax請求 import from request 其中request為axios的封裝 export const apitabledata get data table.json 這兩句是在介面的統一封...