位置: IT常识 - 正文
推荐整理分享vue3:获取当前路由地址(vue3获取当前vue实例),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:vue3获取当前实例里面的变量,vue3获取当前路由路径,vue3获取当前dom,vue3获取当前年份所有季度,vue3获取当前时间,vue3获取当前实例里面的变量,vue3获取当前组件实例,vue3获取当前路由信息,内容如对您有帮助,希望把文章链接给更多的朋友!
useRouter()返回的是object, 类似于vue2的this.$router
而router.currentRoute是RefImpl对象, 即我们使用ref返回的对象, 通过.value可以访问到当前的路由, 类似于vue的this.$route
使用console.log打印出来看看
方式二:window.location 可以直接获取当前窗口的路径
1.window.location.href(当前URL) 结果:http://www.myurl.com:8866/test?id=123&username=xxx 2.window.location.protocol(协议) 结果:http 3.window.location.host(域名 + 端口) 结果:www.myurl.com:8866 4.window.location.hostname(域名) 结果:www.myurl.com 5.window.location.port(端口) 结果:88666.window.location.pathname(路径部分) 结果:/test 7.window.location.search(请求的参数) 结果:?id=123&username=xxx
setup(){ const router = useRouter(); onMounted(() => { console.log("router",router.currentRoute.value) if(window.location.pathname=="/askQuestions"){ // if(router.currentRoute.value.path=="/askQuestions"){ console.log("消失;;;;;;") document.getElementById("navSearch").style.display="none" } }); }上一篇:猫鼬一家簇拥在一起 (© stefbennett/Shutterstock)(猫鼬家族风云)
下一篇:cuda与torch的安装匹配(cuda torch)
友情链接: 武汉网站建设