vue封裝一個查詢URL參數方法
在 Vue 中,你可以封裝一個查詢 URL 參數的方法來獲取 URL 中的查詢參數。以下是一個示例代碼:
export const getQueryParam = (param) => {const urlParams = new URLSearchParams(window.location.search);return urlParams.get(param);
};
你可以將上述代碼保存為一個單獨的文件,例如 utils.js。然后在你的 Vue 組件中導入并使用該方法來獲取 URL 參數。
import { getQueryParam } from './utils';export default {mounted() {const queryParam = getQueryParam('paramName');console.log(queryParam);},
};
在上述示例中,getQueryParam 方法接受一個參數 param,它表示要查詢的參數名稱。然后,它使用 URLSearchParams 對象來解析當前 URL 的查詢參數,并返回指定參數的值。
請注意,上述代碼中的 paramName 是要查詢的參數名稱,你需要將其替換為實際的參數名稱。此外,你可以在其他組件中重復使用該方法來獲取不同的 URL 參數。