Vue 踩坑日誌 有關路由傳參的坑

2022-03-30 20:13:50 字數 728 閱讀 2266

1.有關路由傳參

vue中當通過params傳過去的引數重新整理頁面以後會消失,所以可以用query傳參。但此時又會出現另乙個坑,重新整理後資料仍在。但這是針對單個的某個變數的。

如果傳入乙個物件的話,重新整理頁面後會變成[object,object]。

那麼這個問題是如何產生的呢?

**一下,發現

router他是乙個鉤子,重新整理頁面的時候,鉤子還是初始化狀態,他的值是通過導航變化後,鉤子攔截導航是匹配產生的。

所以說當重新整理頁面的時候,路由並沒有發生變化,也就不存在會給變數賦值。所以,此時會出現賦值失敗問題。

(以上為個人理解,如果不對請指正)

問題找出來了,怎麼解決呢?

emmm.....

第一種:

首先我們要知道我們在傳的這個物件中的變數是否都是我們需要的,或者這個物件中只包括很少的變數

我們就可以,用傳單個變數的形式,將他們傳過去。(有點廢話,但確實是個好辦法)

第二種:**

if(this.$route.query instanceof object)

}else

解釋一下就是 先判斷 它的格式是否為物件,如果是就將他儲存到sessionstorage中,然後data中建立乙個新的物件接受即可

json.stringify

vue踩坑 slot插槽,vue路由傳值

slot 插槽。主要功能就是實現內容分發,簡單來說,就好像把乙個位置放在元件裡,父元件呼叫子元件時,傳內容 可以是乙個標籤 過去,元件相應的顯示。如果父元件沒有傳值,就顯示設定好的預設內容。比如 父元件中 子元件中 預設內容 顯示結果 通過slot 標籤接受傳遞的p標籤內容 如果 父元件並沒有傳遞內...

Vue踩過的坑

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

vue的踩坑路

serve pure static assets var staticpath path.posix.join config.dev.assetspublicpath,config.dev.assetssubdirectory 其實只有這一行,特別注意,這個不加拿不到json 拿不到,因為webpa...