位置: IT常识 - 正文

vue3:获取当前路由地址(vue3获取当前vue实例)

编辑:rootadmin
vue3:获取当前路由地址 // router的 path: "/user/:uid"<template> <div>user</div> <p>uid: {{ uid }}</p></template><script>import { defineComponent } from "vue";import { useRouter } from "vue-router";export default defineComponent({ name: "User", setup() { const router = useRouter(); const uid = router.currentRoute.value.params.uid; return { // 返回的数据 uid, }; },});</script>

推荐整理分享vue3:获取当前路由地址(vue3获取当前vue实例),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue3获取当前实例里面的变量,vue3获取当前路由路径,vue3获取当前dom,vue3获取当前年份所有季度,vue3获取当前时间,vue3获取当前实例里面的变量,vue3获取当前组件实例,vue3获取当前路由信息,内容如对您有帮助,希望把文章链接给更多的朋友!

vue3:获取当前路由地址(vue3获取当前vue实例)

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" } }); }
本文链接地址:https://www.jiuchutong.com/zhishi/284119.html 转载请保留说明!

上一篇:猫鼬一家簇拥在一起 (© stefbennett/Shutterstock)(猫鼬家族风云)

下一篇:cuda与torch的安装匹配(cuda torch)

  • mac切换系统按哪个键(mac切换系统按哪个键 普通键盘)

    mac切换系统按哪个键(mac切换系统按哪个键 普通键盘)

  • oppofindx3屏幕尺寸大小(oppofindx3屏幕几k)

    oppofindx3屏幕尺寸大小(oppofindx3屏幕几k)

  • 微信专清卡住不动了(微信专清清不了)

    微信专清卡住不动了(微信专清清不了)

  • 下载了钉钉为什么还显示未激活(下载了钉钉为什么安装不了)

    下载了钉钉为什么还显示未激活(下载了钉钉为什么安装不了)

  • 华为P30手机视频如何截图成照片(华为P30手机视频变成黑白怎么调回彩色的)

    华为P30手机视频如何截图成照片(华为P30手机视频变成黑白怎么调回彩色的)

  • 得力计算器怎么关机(得力计算器怎么恢复出厂设置)

    得力计算器怎么关机(得力计算器怎么恢复出厂设置)

  • 程序的功能是什么(程序功能是什么)

    程序的功能是什么(程序功能是什么)

  • 数据分组的原则是什么(数据分组的原则有哪些)

    数据分组的原则是什么(数据分组的原则有哪些)

  • 荣耀x10是升降摄像头吗(荣耀x10升降摄像头果断放弃)

    荣耀x10是升降摄像头吗(荣耀x10升降摄像头果断放弃)

  • 为什么快手评论图片看不见(为什么快手评论了却看不到)

    为什么快手评论图片看不见(为什么快手评论了却看不到)

  • 手机的充电口芯片歪了(手机的充电口芯片叫什么)

    手机的充电口芯片歪了(手机的充电口芯片叫什么)

  • 强光手电电池型号(强光手电电池型号一样容量不一样通用吗)

    强光手电电池型号(强光手电电池型号一样容量不一样通用吗)

  • 美团商家取消订单对商家有什么影响(美团商家取消订单怎么申诉)

    美团商家取消订单对商家有什么影响(美团商家取消订单怎么申诉)

  • ipad3多少英寸(ipad 3多大尺寸)

    ipad3多少英寸(ipad 3多大尺寸)

  • vue文字怎么变大(vue字体怎么变颜色)

    vue文字怎么变大(vue字体怎么变颜色)

  • 如何清除siri建议记录(如何删除siriapp建议)

    如何清除siri建议记录(如何删除siriapp建议)

  • 微信怎么查看出行历史(微信怎么查看出行轨迹)

    微信怎么查看出行历史(微信怎么查看出行轨迹)

  • win10重置此电脑后果(win10重置此电脑d盘文件会删除吗)

    win10重置此电脑后果(win10重置此电脑d盘文件会删除吗)

  • 作业帮拍照声音在哪关(苹果手机怎么关掉作业帮拍照声音)

    作业帮拍照声音在哪关(苹果手机怎么关掉作业帮拍照声音)

  • 10w快充有多快(100w快充有多快)

    10w快充有多快(100w快充有多快)

  • .mdf文件怎么打开(mdf文件怎么打开?)

    .mdf文件怎么打开(mdf文件怎么打开?)

  • 爱奇艺取消静音在哪里(爱奇艺静音取消不了)

    爱奇艺取消静音在哪里(爱奇艺静音取消不了)

  • 三星s9上市时间(三星s20+上市时间及价格)

    三星s9上市时间(三星s20+上市时间及价格)

  • 视频怎么马赛克(视频怎么马赛克部分地方)

    视频怎么马赛克(视频怎么马赛克部分地方)

  • 记 vue-cli-plugin-dll 使用,优化vue-cli项目构建打包速度

    记 vue-cli-plugin-dll 使用,优化vue-cli项目构建打包速度

  • 金税盘版开票软件怎么升级
  • 买车交的保险
  • 企业增值税必须退税吗?
  • 所得税退税会计账务怎么处理
  • 出纳与会计现金对不上
  • 小微企业做什么
  • 职工教育经费中其他费用包括
  • 生产企业的基础设施是指
  • 财务会计制度备案操作流程
  • 企业的办税员承担责任吗
  • 退税发票误勾选确认
  • 公司买车可以抵扣哪些税
  • 个人互换住房土地增值税
  • 事业单位劳务派遣工作值得去吗
  • 应付股利科目设置
  • 个人所得税自行纳税申报
  • 浅谈收入与成本的关系
  • 营业外收入可以在借方吗
  • 企业的其他业务收入有
  • 个税上月没有申报当月可以补报么
  • 税控盘技术维护费怎么抵扣
  • 教育费附加免征还计提吗
  • 华为鸿蒙harmony os
  • 苹果系统中英文切换快捷键
  • 备用金的会计分类
  • 认证进项转出怎么操作
  • 公司从超市购买东西缴纳印花税吗
  • extract php函数
  • 职工薪酬纳税调整明细表怎么填写
  • php上传多文件
  • 非高新企业自主研发,相关政策
  • 车船税发票丢失
  • php截取指定字符串
  • 工程完工后的质量抽检不合格怎么办
  • 微信小程序网页版
  • python 微信红包
  • 在建工程的前期工程
  • 商场账务
  • 员工报销差旅费现金流量表里放在哪里
  • 简易征收3%的征收率是什么意思
  • 在途物资属于会计科目吗
  • 什么叫网银盾账户
  • 出售固定资产的损失计入什么科目
  • 应付账款不需要支付了会计怎么处理
  • 企业研发费用率怎么算
  • 调整以前年度费用如何做分录
  • 旅客运输服务进项税抵扣文件
  • 库存商品什么时候确认收入
  • 材料报废如何做分录
  • 不动产初始登记证明
  • 借方和贷方是什么意思 现金日记账
  • 长期股权投资权益法初始成本的确定
  • 无发票材料可以入材料账吗
  • 小规模企业开具增值税专用发票
  • 募集资金有哪些渠道
  • 分配现金股利的顺序
  • MySQL存储过程和函数有什么区别?
  • windows8crazy error
  • coms恢复出厂设定还原bios设置方法步骤讲解
  • 繁体系统安装简体软件
  • Windows Server 2008下共享资源访问走捷径
  • winsvc是什么进程
  • linux中cat命令的用法含义
  • win8升级win10补丁
  • win7系统笔记本怎么连接wifi
  • win8如何使用word
  • windows自带视频
  • perl pop push shift unshift实例介绍
  • js设置图片宽度
  • 前端面试题及答案2023vue3
  • android webview获取文本
  • 网站检测系统
  • service segment
  • nodejs实例教程
  • [置顶]bilinovel
  • 安徽省国家税务局通用定额发票
  • 辽宁省国家税务局官网
  • 消费税申报流程图
  • 根据消费税暂行条例的规定,纳税人自产自用
  • 税务局纳税服务工作总结
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设