iT邦幫忙

0

vue vouter文件筆記：路由的匹配语法（正則表達式）

vue3 vue vue router javascript
relife12345 2025-11-03 10:39:23 ‧ 331 瀏覽

  • 分享至 

  • xImage
    •  

https://ithelp.ithome.com.tw/upload/images/20251101/20167101TpR5kCBo1F.jpg

  1. test 為動態路由參數名稱。組件中可透過以下方式取得該參數值：
const route = useRoute();
route.params.test
  1. 小括號中的內容是正則表達式，用來限制參數的格式。
    這裡的 \d+ 代表「一個以上的數字」。
    （在字串中需使用 \ 跳脫字元，實際正則是 \d+）
  2. 後綴詞。使用後綴詞，決定前面的正則表達式可以影響幾次
後綴詞 匹配次數 path例子
無 1 /123
* 0 - 無限 /   or   /123   or   /123/456/789
+ 1 - 無限 /123   or   /123/456/789
? 0 or 1 /   or   /123

圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
19860 篇
完賽人數
528 人
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙