广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue3获取当前路由地址
  • 513
分享到

vue3获取当前路由地址

2024-04-02 19:04:59 513人浏览 薄情痞子
摘要

正解 使用useRouter: // router的 path: "/user/:uid" <template> <div>user</div>

正解

使用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.currentRouteRefImpl对象, 即我们使用ref返回的对象, 通过.value可以访问到当前的路由, 类似于vue的this.$route

使用console.log打印出来看看:

 到此这篇关于vue3获取当前路由地址的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: vue3获取当前路由地址

本文链接: https://www.lsjlt.com/news/161618.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue3获取当前路由地址
    正解 使用useRouter: // router的 path: "/user/:uid" <template> <div>user</div>...
    99+
    2022-11-12
  • vue3获取当前路由地址的两种方法
    目录方法一:方式二:window.location 可以直接获取当前窗口的路径总结方法一: // router的 path: "/user/:uid" <templa...
    99+
    2022-11-13
    vue3的路由 vue获取当前路由地址 vue router获取当前路径
  • vue中如何获取当前路由地址
    目录vue获取当前路由地址1、router和$route的区别2、获取当前路由地址3、获取路由参数(query/params传参)vue实时获取路由地址方式一:window.loca...
    99+
    2022-12-08
    vue获取路由地址 当前路由地址 vue获取当前路由
  • java如何获取当前项目的路径地址
    在Java中,可以使用以下代码获取当前项目的路径地址:1. 使用`System.getProperty("user.dir")`方法...
    99+
    2023-09-13
    java
  • 【Flutter】Flutter 如何获取当前路由
    文章目录 一、前言二、Flutter 路由基础知识1. 什么是路由2. Flutter 中的路由管理 三、如何在 Flutter 中获取当前路由1. 使用 NavigatorState ...
    99+
    2023-09-17
    flutter android ios 原力计划
  • vue中如何获取当前路由name
    目录vue获取当前路由name问题背景vue路由中name的作用vue获取当前路由name this.$route.name 问题背景 在当前项目中,1处按钮是公用按钮,需求是在指定...
    99+
    2022-11-13
    vue获取路由name 当前路由name vue路由name
  • WordPress获取当前页面URL地址的方法
    本文实例讲述了WordPress获取当前页面URL地址的方法。分享给大家供大家参考。具体如下: 我们经常在做WordPress模板时会需要获取当前页面URL地址,这里就来给大家介绍获取当前页面URL地址方法. 用Word...
    99+
    2022-06-12
    WordPress 获取 当前页面 URL地址 方法
  • Java中获取当前服务器的IP地址
    获取ip的第一反应就是:使用InetAddress这个类:方法如下 InetAddress.getLocalHost().getHostAddress(); public static void main(String[] args) { ...
    99+
    2023-09-02
    java 服务器 tcp/ip
  • 前端获取mac地址
    1.通过getMac库获取mac地址 通过getMac库来获取:getmac - npmGet the MAC address of the current machine you are on.. Latest version: 5.20...
    99+
    2023-10-01
    macos
  • Vue怎么获取url路由地址和参数
    这篇“Vue怎么获取url路由地址和参数”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Vue怎么获取url路由地址和参数”文...
    99+
    2023-07-05
  • DedeCms获取当前页面URL地址的实现方法
    本文实例讲述了Dedecms获取当前页面URL地址的实现方法。分享给大家供大家参考。具体实现方法如下: 织梦内容页如何调用当前页面url?相信很多对织梦感兴趣的朋友都会去考虑这个问题:在文章内容中加入本文链接,除了保护自...
    99+
    2022-06-12
    DedeCms 获取 当前 页面 URL地址
  • python 获取当前文件路径
    一. Python 获取当前文件路径方法 sys.path[0] 获取文件当前工作目录路径(绝对路径) sys.argv[0]|获得模块所在的路径(由系统决定是否是全名) 若显示调用python指令,...
    99+
    2023-10-18
    python 开发语言
  • bash获取当前路径示例
    bash获取脚本所在路径 #!/bin/bashCMD_PATH=`dirname $0`echo "current cmd path:$CMD_PATH"cd $CMD_PATHecho $PWD ...
    99+
    2022-06-04
    示例 路径 bash
  • python-获取当前工作路径
    sys.argv[0] import sys print sys.argv[0]#获得的是当前执行脚本的位置(若在命令行执行的该命令,则为空) 运行结果(在python脚本中执行的结果): F:/SEG/myResearch/...
    99+
    2023-01-31
    路径 工作 python
  • linux怎么获取当前路径
    要获取当前路径,您可以使用`pwd`命令。在命令行中输入`pwd`并按下回车键,它将显示当前工作目录的完整路径。```bashpwd...
    99+
    2023-08-28
    linux
  • php获取当前页完整url地址的方法教程
    上午在做一个需求时,需要利用 php 在后端获取页面的完整地址,以前不少做这样的需求所以记录了一些常用到的函数,就发表一下。有需要的拿去吧! php获取当前页面完整的url地址的方法 示例1 调用方法: 注意: $_SERVER['HT...
    99+
    2023-09-06
    php 服务器 数据库
  • Vue3如何获取地址栏参数
    本篇内容介绍了“Vue3如何获取地址栏参数”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Vue3 获取地址栏参数有两个方式:查询参数和路径参...
    99+
    2023-07-06
  • vbs中怎么获取当前路径
    vbs中怎么获取当前路径,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。CMD当前路径代码如下:test = createobject("Scripting.Fil...
    99+
    2023-06-08
  • C#中怎么获取当前路径
    本篇文章给大家分享的是有关C#中怎么获取当前路径,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。C#获取当前路径的方法如下: System.Diagnostics.Process...
    99+
    2023-06-17
  • C++中怎么获取当前路径
    C++中怎么获取当前路径,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。1.以下代码来自CSDN 2004 VC编程经验总结. {  &nbs...
    99+
    2023-06-17
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作