位置: 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)

  • 微信电脑截屏的快捷键是ctrl+什么(微信电脑截屏的快捷键)

    微信电脑截屏的快捷键是ctrl+什么(微信电脑截屏的快捷键)

  • 微信朋友圈怎么发图片(微信朋友圈怎么@一个人)

    微信朋友圈怎么发图片(微信朋友圈怎么@一个人)

  • 华为荣耀20和20i的区别是什么(华为荣耀20和20pro有什么区别)

    华为荣耀20和20i的区别是什么(华为荣耀20和20pro有什么区别)

  • 华为nova5输入法怎么改(华为nova5输入法怎么设置中日快速切换)

    华为nova5输入法怎么改(华为nova5输入法怎么设置中日快速切换)

  • 西瓜视频审核需要多久(西瓜视频审核需要7天多久)

    西瓜视频审核需要多久(西瓜视频审核需要7天多久)

  • u盘显示红色危险怎么办(u盘显示红色危险提示)

    u盘显示红色危险怎么办(u盘显示红色危险提示)

  • 怎么关闭qq资料封面(怎么关闭QQ资料卡点赞功能)

    怎么关闭qq资料封面(怎么关闭QQ资料卡点赞功能)

  • 抖音纯黑色背景怎么拍(抖音纯黑色背景图片素材)

    抖音纯黑色背景怎么拍(抖音纯黑色背景图片素材)

  • 一般情况下,excel默认的显示格式居中对齐的是(excel一般操作)

    一般情况下,excel默认的显示格式居中对齐的是(excel一般操作)

  • qq加入黑名单对方知道吗(qq加入黑名单对方信息是什么状态)

    qq加入黑名单对方知道吗(qq加入黑名单对方信息是什么状态)

  • 闲鱼禁言7天怎么解除(闲鱼禁言7天怎么申诉)

    闲鱼禁言7天怎么解除(闲鱼禁言7天怎么申诉)

  • 华为刘海屏手机有几款(华为刘海屏手机有哪些型号)

    华为刘海屏手机有几款(华为刘海屏手机有哪些型号)

  • was tl10是什么型号(was-al10什么型号)

    was tl10是什么型号(was-al10什么型号)

  • 陌陌登录不上怎么回事(陌陌登不上去了)

    陌陌登录不上怎么回事(陌陌登不上去了)

  • 苹果更新后中间有个黑点(苹果更新中间可以停止吗)

    苹果更新后中间有个黑点(苹果更新中间可以停止吗)

  • iphone7屏幕录制在哪(iphone7p屏幕录制)

    iphone7屏幕录制在哪(iphone7p屏幕录制)

  • 全屏钢化膜和非全屏钢化膜有什么区别(全屏钢化膜和非全屏哪个好)

    全屏钢化膜和非全屏钢化膜有什么区别(全屏钢化膜和非全屏哪个好)

  • rx580配什么cpu和主板(rx580配什么cpu能发挥全部性能)

    rx580配什么cpu和主板(rx580配什么cpu能发挥全部性能)

  • 段落对齐的方式有几种(段落对齐的方式不包括)

    段落对齐的方式有几种(段落对齐的方式不包括)

  • 华为手机窗口小工具在哪里(华为手机窗口小工具不见了)

    华为手机窗口小工具在哪里(华为手机窗口小工具不见了)

  • ie已停止工作的解决方法(ie停止工作的解决办法)

    ie已停止工作的解决方法(ie停止工作的解决办法)

  • 抖音评论区怎么变成黑色(抖音评论区怎么发语音消息)

    抖音评论区怎么变成黑色(抖音评论区怎么发语音消息)

  • ios13动态壁纸设置(iphone13的动态壁纸)

    ios13动态壁纸设置(iphone13的动态壁纸)

  • 微信投票异常会恢复吗(微信投票一直提示内容违规)

    微信投票异常会恢复吗(微信投票一直提示内容违规)

  • ios怎么下载哔咔(ios怎么下载哔咔动漫)

    ios怎么下载哔咔(ios怎么下载哔咔动漫)

  • 微博好友圈是不是一定要互相关注(微博好友圈是不是只有好友能看见)

    微博好友圈是不是一定要互相关注(微博好友圈是不是只有好友能看见)

  • ps4开机键在哪(ps4主机开机键在哪)

    ps4开机键在哪(ps4主机开机键在哪)

  • 申请渠道门户网站是什么意思
  • 出口免税进项税额转出怎么计算
  • 一般计税预缴增值税3%怎么办
  • 合同负债里面含增值税吗
  • 分公司独立核算的利弊
  • 开模费用计入什么科目
  • 回购股份限售
  • 开发间接费属于期间费用吗
  • 工程预付款是否监管
  • 办公楼贷款比例
  • 公司注销时应付职工薪酬怎么处理
  • 保险的月缴纳可以调整么?
  • 重新建账要以前的期初余额吗
  • 厂家取得的销售收入
  • 税务局工会经费新举措
  • 事业单位什么情况下可以提前退休
  • 废旧物品回收是做什么的
  • 公账转私账备注借款
  • 跨年得退货还用开负数发票吗?
  • 周转材料属于什么会计分录
  • 银行手续费填在汇算清缴的哪个表
  • 银行的财务会计
  • php对称加密算法实验报告
  • 系统托盘无法隐藏文件夹
  • Win10版本21H2卡死
  • 稿酬特许权使用费的预扣率是多少
  • 对方发票丢失情况说明
  • 委托加工物资加工费
  • echarts 柱状图滚动与gridlayout移动冲突
  • 语音处理算法
  • 为什么结转各项支出时本年利润在借方
  • vuecli3创建项目的过程
  • 预提的奖金能不能提前申报个税
  • webpack与gulp面试题
  • 微信小程序在哪里打开
  • 西安微信公众号开发
  • discuz怎么添加diy模块
  • 补提企业所得税财务报表应该如何调整
  • 固定资产减值准备计入什么科目
  • 劳务费和工程劳务费有区别
  • 应税服务项目减除清单0申报如何填写
  • 现金折扣什么时候冲减收入
  • bootstrapstandby
  • php单例模式优点
  • 税务局退的税款如何做账
  • sqlserver2008中有那些设备
  • 无资产可执行啥意思
  • 甲企业持有乙企业40%的股权,能够对乙企业
  • 电子承兑过期了
  • 费用报销票据可以跨年吗
  • 个人所得税代扣代缴手续费
  • 租赁房产税计税依据及计算方式是什么
  • 复利现值和复利终值互为逆运算对吗
  • 债权资产包括哪些科目内容
  • 自产货物赠送客户账务处理
  • 印花税怎么进行税种认定
  • 销售发票已开进项发票未收到怎么处理?
  • 异地成立子公司能用母公司的名称吗?
  • sqlserver的基本语句
  • windows2003服务不能开启
  • centos7.1
  • windowxp怎么取消开机密码
  • linux添加用户命令并添加管理员
  • linux安全性从何而来
  • jetcar.exe - jetcar是什么进程 有什么作用
  • win7旗舰版系统激活码
  • 强制升级win11后果
  • Windows 8 Consumer Preview 中的新热键介绍
  • bat脚本判断
  • python多进程并发http请求
  • r语言和python画图
  • opengl超级宝典第八版 pdf
  • js中split方法的作用
  • python函数设置
  • jquery常用的事件绑定函数有哪些
  • wxpython中Textctrl回车事件无效的解决方法
  • js延时加载方式
  • 别人给公司开的普票,怎么查询
  • 网上交车辆购置税怎么交
  • 贵州泉源会计服务有限公司花溪店位置
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设