第一种
import { defineComponent,ref} from 'vue'; import { useRouter } from 'vue-router'; const router=useRouter //通过实例化useRouter的router对象中，含有多个属性，其中就包含了当前路由地址， console.log('router',router.currentRoute.value.fullPath); 第二种
import { getCurrentInstance } from 'vue'; const { proxy }: any = getCurrentInstance(); console.log(proxy.$router.currentRoute.value.fullpath); 通过getCurrentInstance 获取当前的组件实例，从而通过其获取router，然后胡德当前路由地址
第三种
import { toRaw} from 'vue'; import { useRouter } from 'vue-router'; let router = useRouter() console.log(toRaw(router).currentRoute.value.fullPath); 通过toRaw返回其原始对象，即将实例化的router转化为useRouter第四种
import { watch } from 'vue'; import { useRouter } from 'vue-router'; let router = useRouter() watch(router,(newValue, oldValue) => { console.log(newValue.currentRoute.value.fullPath);}, { immediate: true } ); //这一种写法比较麻烦，但是逻辑比较简单，通过监听获取最新的router对象，进而获取路由地址，而且在第一次的时候，就要执行监听， 第五种
import { ref } from 'vue'; import { useRoute } from 'vue-router'; let path=ref("") const route=useRoute() path.value=route.path //这一种最为简单，推荐这种 版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/211103.html原文链接：https://javaforall.net
