vue3獲取當前路由地址
阿新 • • 發佈:2022-01-06
正解
使用useRouter
:
// router的 path: http://www.cppcns.com"/user/:uid" &WbeDQGxiilt;template> <div>user</div> <p>uid: {{ uid }}</p> </template> <script lang="ts"> import { defineComponent } from ""; import { useRouter } from "vue-router"; export default defineComponent({ name: "Uwww.cppcns.comser",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獲取當前路由地址的文章就介紹到這了。希望對大家的學習有所幫助,也希望大家多多支援我們。