vue專案開發中踩過的坑

2022-02-25 10:34:52 字數 1453 閱讀 2262

一、路由

這兩天移動端的同事在研究vue,跟我說看著我的專案做的,子路由訪問的時候是空白的,我第一反應是,不會模組沒載入進來吧,還是。。。。此處省略一千字。。。

廢話不多說上**

路由**

,

redirect: '/ordermanger',

children: [,]}

element的選單元件

}        

}

問題描述:1、根據以上**訪問list路由時訪問列表元件

2、點選訂單管理選單,位址列位址顯示正確的,但是頁面渲染為空白

看到**第一反應是children裡的子路由以斜線「」/「」開頭了,記得以前踩過這個坑,好像說的是子路由以斜線開頭表示絕對路徑了,但是當時沒記錄,年紀大了記性不好,後面就忘了。。。。。(吸取教訓,在**跌倒,就要在**做個標記。。。)

言歸正傳,後面仔細又去查了下,

如果路由以「/」開頭,那麼他會作為根路徑進行渲染,也就是一層路由。

如果位址不是/開頭,會直接替換當前路由的最後乙個/後的位址

所以按照以上的**的寫法,要想訪問訂單管理的模組應該是在http://localhost:8080/#/ordermanger路由下

果然,始終不露面的訂單管理頁面出來了,但。。。這不是我們想要的。。。。

我們想要的是/list/ordermanger

根據上面對斜線/「」的理解修改如下

路由**:

選單拼接修改:

那麼:現在正常訪問了!

二、vue模組匯入不加.vue字尾

解決方法:加上.vue字尾

原因:先記錄下來,忙過這段兒研究下。。。。。

Vue專案踩過的坑

vue cli vue腳手架 的好處就在於使用 vue ui在vue的ui上直接配置依賴 安裝外掛程式 啟動服務。很舒適。如果你發現安裝總失敗 大概率vue.js或者node.js版本不行。echarts官網直接搞個example下來放在mounted 鉤子函式中用是沒問題的。但是你會發現在elem...

Vue踩過的坑

vue檔案縮排問題,嚴格縮排,如果需要四個字元的縮排請修改為,當然造成這個的結果是,建立檔案的時候 use eslint to lint your code?這句話就是告訴你是不是要給你管理 縮排,選擇no就完事了,啥事沒有 下面是.eslintrc.js的 如果你選擇了yes的話就修改下面這段 吧...

Golang開發踩過的坑

如何判斷某type型別實現了某介面 作為golang開發的小白,日常開發時候總會遇到一些問題,本篇部落格的會收錄一些日常開發時踩過的坑,可能有解決了的,也許也會有沒解決的。在使用for range進行遍歷切片或陣列時,遍歷時的指標index,value只是乙個臨時且位址不變的記憶體位址 packag...