vue3获取当前路由地址
作者：忞翛 发布时间：2024-05-09 15:13:36
标签：vue3,获取,路由
正解
使用useRouter:
// router的 path: "/user/:uid"
<template>
<div>user</div>
<p>uid: {{ uid }}</p>
</template>
<script lang="ts">
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>
解释一下
useRouter()返回的是object, 类似于vue2的this.$router
而router.currentRoute是RefImpl对象, 即我们使用ref返回的对象, 通过.value可以访问到当前的路由, 类似于vue的this.$route
使用console.log打印出来看看:
来源：https://www.cnblogs.com/lczmx/p/15709172.html
0
投稿猜你喜欢
什么是组播点对点连接可以处理很多通信需求，不过随着直接连接数的增加，在多对通信方之间传递相同的消息会变得越来越困难。单独地向各个接收方发送消- 前言Python 字符串是一个内置的类型序列。字符串可用于处理 Python 中的文本数据。Python 字符串是 Unicode 点的不可
- 本文实例讲述了Python实现的基数排序算法。分享给大家供大家参考，具体如下：基数排序（radix sort）属于“分配式排序”（distr
- 本文实例讲述了Python简单计算文件MD5值的方法。分享给大家供大家参考，具体如下：一 代码import sysimport hashli
- Tensor.to(device)和model.to(device)的区别区别所在使用GPU训练的时候，需要将Module对象和Tensor
- 整理文档，搜刮出一个vue事件对象、冒泡、阻止默认行为的代码，稍微整理精简一下做下分享。事件对象<!DOCTYPE html>&
- 本文较为详细的罗列了Python常见的异常处理，供大家参考，具体如下：1. 抛出异常和自定义异常Python用异常对象(exception
- 检查 MySQL 数据库的启动时间Linux 系统中的 systemd 和 mysqld_safe 会在 mysqld 进程 crash 后
- 过年回家，都会约上亲朋好友聚聚会，会上经常会打麻将，斗地主，斗牛。在这些游戏中，斗牛是最受欢迎的，因为可以很多人一起玩，而且没有技术含量，都
- 二维码的分类线性堆叠式二维码矩阵式二维码二维码的优缺点优点信息容量大编码范围广容错能力强译码可靠性高可引入加密措施成本低，易制作缺点二维码技
- 最近学习了python基础，写一下3大排序练练手：'''Created on 2013-8-23@author: c
- 本文以实例形式简述了Python实现字符串排序的方法，是Python程序设计中一个非常实用的技巧。分享给大家供大家参考之用。具体方法如下：一
- //方法1：$ip = $_SERVER["REMOTE_ADDR"];echo $ip;//方法2：$user_IP
- 基于循环神经网络(RNN)的古诗生成器，具体内容如下之前在手机百度上看到有个“为你写诗”功能，能够随机生成古诗，当时感觉很酷炫= =在学习了
- 前言Tkinter是python内置的标准GUI库，基于Tkinter实现了简易人员管理系统，所用数据库为Mongodb代码时间宝贵！直接上
- 本文实例讲述了python使用装饰器和线程限制函数执行时间的方法。分享给大家供大家参考。具体分析如下：很多时候函数内部包含了一些不可预知的事
- Python现在是最热门的人工智能语言，各种工具的支持如Google的Tensorflow，都是首选支持Python的。但是，与R语言不同，
- 切分文件最近遇到需要切分文件的需求，当然首选用python来解决，网上搜了下感觉都太复杂了，其实用python自带函数即可解决。f = op
- 做个性休闲类项目课程材料，对这方面要求多一些，要总结方法、手法、想法等等，头大了；这里总结了一个做个性字体设计的方法，分享一下；方法是比较简
- 前沿以前go工程都是在我mac上打包成镜像然后再推到我的docker hub上去，每次更新都要经过打包->推送到dockert仓库-&
