vue-router 多級路由redirect 重定向的問題
在做多級路由的時候遇到很多問題,雖然不難,但是如果沒有經驗,往往要花一整天時間才能解決(可能我笨),況且網上資料也很少。
專案需要是這樣的:
登入頁面跳到後臺頁面重定向,登入頁是一級路由
對應頁面
登入後:
同時重定向二級和三級頁面,
這樣登入就會重定向了,此時url
但又有一個問題:當再次點選底部“堂食”的時候,
url變成這樣,並且三級頁面沒有出來
解決辦法是:在這個“堂食”按鍵 新增一個方法
記住,也只有這樣傳參才有效
如果在<router-link>傳參,問題多多:如linkActiveClass有問題,再次點選“堂食”,沒有傳參,三級頁面不出現等等
相關推薦
vue-router 多級路由redirect 重定向的問題
在做多級路由的時候遇到很多問題,雖然不難,但是如果沒有經驗,往往要花一整天時間才能解決(可能我笨),況且網上資料也很少。專案需要是這樣的: 登入頁面跳到後臺頁面重定向,登入頁是一級路由對應頁面登入後:同時重定向二級和三級頁面, 這樣登入就會重定向了,此時url但又有一個問
關於vue-router,路由重定向的使用分析
log mage bsp 但是 完美解決 outer 方法 解決 問題 看之前的項目,突然發現一個不算bugd的bug,之前也是一直沒有想到,現在發現之後越來越覺得有必要改掉, 如圖,項目用的是vue做的,自然切換用的就是路由,一級路由包括:首頁、記錄和個人中心,二級路由
vue-router的巢狀路由,重定向和別名
1.命名路由 有時候,通過一個名稱來標識一個路由顯得更方便一些,特別是在連結一個路由,或者是執行一些跳轉的時候。你可以在建立 Router 例項的時候,在 routes 配置中給某個路由設定名稱。我個人理解就相當於給路徑取個名字,呼叫的時候,這個名字就指這個路徑,不
Vue-vue-router.js路由
cati bst _id dev 現在 oca dynamic col 失敗 一:安裝 在 Vue 後面加載 vue-router,它會自動安裝的: <script src="/path/to/vue.js"></script> <
vue-router transition 路由切換效果
link form turn data bic auto router mar all 所需更改文件 App.vue template結構: <template> <div id="app"> <div id="nav">
vue-router之路由鉤子(組件內路由鉤子必須在路由組件調用,子組件沒用)
rancho confirm 模糊匹配 種類 resolve content before list ren 模式 vue-router中的模式選項主要在router實例化的時候進行定義的,如下 const router = new VueRouter({ mode
vue-router動態路由
被這個動態路由折磨了三天,記錄下經驗: 一、路由: 路由分兩塊,一是公共頁面,如登入頁、不需要登入、不需要許可權就能訪問的頁面。另一部分是後臺動態返回的許可權列表。 因此,路由分為了預設路由和許可權路由兩部分: 預設路由:登入頁。 許可權路由:其他所有需要控制權限的路由。 二、登入:
vue-router: 路由傳參
路由傳引數。在很多時候我們需要路由上面傳遞引數,比如新聞列表頁,我們需要傳遞新聞ID,給新聞詳細頁。 1.新聞列表頁模板 <template id="news"> <div> <h2>新聞列表<
vue-router前端路由的使用
路由是根據不同的url展示不同的內容,前端路由就是把這個工作由伺服器轉到前端來做。 Vue.js+Vue-router可以很簡單的實現單頁應用。 單頁應用 單頁應用(SPA)能夠更新檢視而不重新請求頁面。 vue-router實現單頁應用主要有Hash模式和History模式,通過m
[轉載]從原始碼的角度分析vue-router前端路由兩種實現方式
本文由淺入深觀摩vue-router原始碼是如何通過hash與History interface兩種方式實現前端路由,介紹了相關原理,並對比了兩種方式的優缺點與注意事項。最後分析瞭如何實現可以直接從檔案系統載入而不借助後端伺服器的Vue單頁應用。隨著前端應用的
MVC——redirect重定向跳轉傳值
數拼接url形式跳轉,帶引數不拼接引數跳轉,頁面也能顯示。 首先先來介紹一下不帶引數的重定向: 我在後臺一個controller跳轉到另一個controller,為什麼有這種需求呢,是這樣的。我有一個
「Vue.js」Vue-Router + Webpack 路由懶載入實現
一.前言 當打包構建應用時,Javascript 包會變得非常大,影響頁面載入。如果我們能把不同路由對應的元件分割成不同的程式碼塊,然後當路由被訪問的時候才載入對應元件,這樣就更加高效了。結合 Vue 的非同步元件和 Webpack 的程式碼分割功能,輕鬆實現路由元件的懶載入.
vue-router實現路由懶載入
在專案router/index.js檔案中將 import Recommend from 'components/recommend/recommend' 更改為 const Recomm
vue-router動態路由許可權總結
一、根據後臺返回的不同選單許可權,實現不同的選單展示。如:圖一是後臺返回給我的一個包含主頁許可權的menuList列表,然後我們要把圖一的列表處理成我們想要的格式的列表,如圖二為了方便處理我是按照vue-router格式進行處理的。 圖一(處理前資料): 圖二(處理後資料): 二、 1.
vue-router之路由傳值
一、用name傳遞引數 1.在路由檔案src/router/index.js裡配置name屬性。 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 routes: [ { path: '/',
解決vue-router切換路由時沒有自定滾動到頂部
在做vue專案時,發現一個問題,通過vue-router切換頁面時,如果從一個頁面的底部切換到新頁面,新開的頁面初始也會在底部。 使用前端路由,當切換到新路由時,想要頁面滾到頂部,或者是保持原先的滾動位置,就像重新載入頁面那樣。 vue-router 能做到,而且更好,它讓
SpringMVC redirect重定向傳參
關於SpringMVC 重定向傳參的問題一直無解,每次碰到有關需求就去網上找資料,通常情況就是問題解決了知識點就忘記了。然而網上資料太凌亂,每次都要一個個重新測試才能找到正確答案,所以這次痛下決心,記錄一下這次問題,免得下次碰到又不會,嘻嘻。 SpringMVC redir
之三 Vue-router 前端路由 與 “#”
前端路由,將本來根據地址請求後端返回頁面,變為了前端直接重新渲染頁面。 優點:使用者體驗好,不需要每次都從伺服器全部獲取,快速展現給使用者 缺點:不利於SEO;使用瀏覽器的前進、後退鍵會重新發送請求,沒有合理地利用快取;單頁面無法記住之前滾動的位置,無法在前進、後退的時候記住滾動的位置。
vue-router 前端路由框架掃盲
vue-router是一個與vue核心深度整合的前端路由框架。路由這個詞對大家來說其實並不陌生,我們用傳統的web專案來舉個例子。如下圖所示,這是一個左側為選單,右側為功能頁面的一個首頁效果。此時的路由為:投訴舉報/我的批次/批次管理/列表。如果我們要實現這樣一個效果
spring mvc redirect 重定向 跳轉並傳遞引數 && mvc:view-controller直接轉發頁面
在專案中做form表單功能提交時,防止使用者客戶端後退或者重新整理時重複提交問題,需要在服務端進行重定向跳轉,具體跳轉方式有以下幾種方式: 公用程式碼: Java程式碼 @RequestMapping(value="/index",method = { Reque