在Vue中,獲取哈希(hash)是很常見的需求之一。哈希指的是URL中#號后面的內容,它一般用于給網頁添加錨點,或用于前端路由的實現。下面介紹幾種獲取哈希的方法。
方法一:使用window.location.hash
const hash = window.location.hash; console.log(hash); // 輸出 #hash
方法二:使用Vue的$route對象
const hash = this.$route.hash; console.log(hash); // 輸出 #hash
方法三:使用Vue Router的beforeEach鉤子函數
const router = new VueRouter({ routes: [...], }); router.beforeEach((to, from, next) => { const hash = to.hash; console.log(hash); // 輸出 #hash next(); });
方法四:使用hashchange事件
window.addEventListener('hashchange', () => { const hash = window.location.hash; console.log(hash); // 輸出 #hash });
以上四種方法均可用于獲取哈希值,具體使用取決于情況。同時需要注意的是,在使用哈希作為前端路由時,需要通過addEventListener監聽hashchange事件,及時切換頁面的內容。