vue3获取当前路由地址
程序员文章站
2022-03-01 20:18:21
正解使用userouter:// router的 path: "/user/:uid"
user
u...
正解
使用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
打印出来看看:
到此这篇关于vue3获取当前路由地址的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持。
下一篇: 详解Vue的键盘事件