Vue Router 提供了強大的參數匹配能力。要匹配任何內容,可以使用自定義參數正則表達式,方法是在參數后面的圓括號中使用正則表達式。
舉個例子,我們在components文件夾下新建兩個文件,分別為用戶中心何用戶設置頁面,在其中編寫代碼如下:


這兩個頁面所需參數不同。接著在main.js中定義路由:
Const routes = [
{path:’/user/:username’,component:User},
{path:’/user/:id,component:UserSetting}
]
可以發現,這兩個路由除了參數名不同外,其余都相同,這種情況下,我們無法訪問用戶設置界面,所有符合UserSetting組件的路由規則同時也符合User組件。這時便可以通過正則表達式來實現不同類型參數匹配到不同組件。
在進行路由參數匹配時,Vue Router允許參數內部使用正則表達式來進行匹配,如下。
Const routes = [
{path:’/user/:username’,component:User},
{path:’/user/:id(\\d+),component:UserSetting}
]
這樣,對于數字類型的參數便可匹配到UserSetting組件,其他類型參數則自動匹配到User組件下。
上一篇: APICloud 窗口篇
下一篇: 請求中如何以表單的形式提交參數



