• 售前

  • 售后

热门帖子
入门百科

vue3获取当前路由地址

[复制链接]
伤心骑士口 显示全部楼层 发表于 2022-1-8 05:59:01 |阅读模式 打印 上一主题 下一主题
正解

使用
  1. useRouter
复制代码
:
  1. // router的 path: "/user/:uid"
  2. <template>
  3.   <div>user</div>
  4.   <p>uid: {{ uid }}</p>
  5. </template>
  6. <script lang="ts">
  7. import { defineComponent } from "vue";
  8. import { useRouter } from "vue-router";
  9. export default defineComponent({
  10.   name: "User",
  11.   setup() {
  12.     const router = useRouter();
  13.     const uid = router.currentRoute.value.params.uid;
  14.     return {
  15.       // 返回的数据
  16.       uid,
  17.     };
  18.   },
  19. });
  20. </script>
复制代码
表明一下
  1. useRouter()
复制代码
返回的是
  1. object
复制代码
, 类似于vue2的
  1. this.$router
复制代码
  1. router.currentRoute
复制代码
  1. RefImpl
复制代码
对象, 即我们使用
  1. ref
复制代码
返回的对象, 通过
  1. .value
复制代码
可以访问到当前的路由, 类似于vue的
  1. this.$route
复制代码
使用
  1. console.log
复制代码
打印出来看看:

到此这篇关于vue3获取当前路由地点的文章就先容到这了。渴望对各人的学习有所帮助,也渴望各人多多支持草根技术分享。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作