Vue踩坑記錄

2021-10-24 13:42:19 字數 1226 閱讀 4666

解決方法如下:

第一步

在靜態檔案下引入我們要更換的的**

第二步

在index.html檔案中新增這樣一段**

"icon" href=

"static/logo.png" type=

"image/x-icon"

/>

"shortcut icon" href=

"static/logo.png" type=

"image/x-icon"

/>

展示效果如下:

在剛開始時候我直接在路由的屬性下寫了meta資訊,但是沒有鉤子函式配合下的路由並不能很好的起作用。

後來在網上查到需要使用鉤子函式配合全域性dom元素才可實現title的變化

但是這樣依舊不行,而且在編輯器自動執行的時候沒出現錯誤,但是在瀏覽器的控制台卻報了錯。

最後我通過修改了index.js中預設匯出的事例,為其建立了router變數,因為beforeeach一般是在router上使用的。而router是乙個類名。

建立時,需要將其先新增到變數new router中。

然後,就會出現這樣的結果,豎導航欄出現空白。

我們只要在元素上新增width:auto! important;

Vue踩坑記錄

官方文件沒有宣告元件名必須全小寫 vue.component my component name 但是我的第乙個vue元件踩了這個坑 hello,melodyjerry 錯誤顯示 hello,melodyjerry 正確顯示,應該是 this is a vue component.呼叫compute...

Vue踩坑記錄

一.使用import匯入外部js檔案,呼叫方法undefined 錯誤寫法 import from common js date.js console.log this.formatdate 原因 this表示vue的例項,並沒有這個方法,正確呼叫為不需要this import from commo...

Vue踩坑記錄冊

1 vue cli webpack專案 修改專案名稱 解決辦法 1 刪除 node modules 資料夾 如果修改專案名稱,需要在在package.json中修改對應的name 2 重新安裝依賴 cnpm install 3 啟動專案 cnpm run dev 2 mock 資料模擬 解決方法 1...