uid: {{ uid }}
uid: {{ uid }}
使用urouter
:
// router的 path: "/ur/:uid"<template> <div>ur</div> <p>uid: {{ uid }}</p></template> <script lang="ts"&红岩的好句gt;import { definecomponent } from "vue";import { urouter } from "vue-router"; export default definecom所以英文ponent({ name: "ur", tup() { const router = urouter(); const uid = router.currentroute.value.params.uid; return { // 返回的数据 uid, }; },});</sc4000ript>
urouter()
返回的是object
, 类好词两字似于vue2的this.$router
而router.currentroute
是refimpl
对象, 即我们使用ref
返回的对象, 通过.value
可以访问到当前的路由, 类似于vue的this.$route
使用console.log
打印出来看看:
到此这篇关于vue3获取当前路由地址的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持www.887551.com。
本文发布于:2023-04-04 11:26:15,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/037c1d8ded5e557767d5e56e13528c8d.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:vue3获取当前路由地址.doc
本文 PDF 下载地址:vue3获取当前路由地址.pdf
留言与评论(共有 0 条评论) |
uid: {{ uid }}