在 Vue 中,獲取路徑后面的參數是一件非常常見的任務。這個參數可以用來作為頁面之間傳遞數據的一種方式。下面將介紹兩種獲取路徑參數的方式。
第一種方式是使用 window.location.href 和正則表達式。
var url = window.location.href; var reg = /(\w+)\=([\w|\-]+)/g; var params = {}; while(true){ var result = reg.exec(url); if(result){ params[result[1]] = result[2]; } else break; }
以上代碼將遍歷當前 url 中所有的 key=value 參數,并將其存儲在 params 對象中。這種方式比較靈活,可以針對不同格式的參數進行獲取,例如 query string 和 hash,但是需要手動解析,寫起來比較麻煩。
第二種方式是使用 Vue-Router 的 $route 對象。
var params = this.$route.params
如果你在項目中使用了 Vue-Router,那么 $route 對象中的 params 屬性就是當前路由的參數。這種方式只需要使用簡單的代碼就可以獲取參數,所以非常方便和易用。
無論是哪種方式,獲取路徑后面的參數都是很重要的。因為它可以讓我們輕松的在頁面之間傳遞數據,方便我們的應用開發。
上一篇css自動換行行間距
下一篇vue獲取觸發事件的元素