Vue3获取当前路由

作者: 六寸光阴丶 | 来源:发表于2020-11-09 04:29 被阅读0次

import { getCurrentInstance } from 'vue'

setup() {
  const { ctx } = getCurrentInstance()
  console.log(ctx.$router.currentRoute.value)
}

import { useRoute } from 'vue-router'
import { toRaw } from 'vue'

setup () {
  const route = useRoute()
  console.log(toRaw(route))
}

Vue3获取当前路由
vue3获取全部路由，当前路由
Vue3项目打包发布后，无法获取路由router
Vue3项目打包发布后，const { ctx } = getCurrentInstance()无法获取路由/全局...
（一）Vue-路由
路由使用静态路由动态路由通过当前路由规则获取或者通过开启 props 获取，建议通过props来解耦 3...
Vue3获取当前组件实例的 getCurrentInstance
Vue3获取当前组件实例的 getCurrentInstance 方法上 ctx 生产获取不到上面的全局方法其...
vue3 线上环境 ctx 无法识别
解决方案：Vue3获取当前组件实例的 getCurrentInstance 方法上 ctx 生产获取不到上面的全...
Flutter当前路由属性详解
ModalRoute.of(context) API可以获取当前路由对象，通过它我们可以获取关于当前页面的所有...
vue-routes 基础（一）
路由常用技巧更新：2020-12-25 获取当前路由路由监听（路由地址变化时才执行）嵌套路由嵌套路由其实就...
vue 路由关键笔记
参考官网获取当前页面的路由信息 this.$route可获取路径、参数、元信息等，常用于菜单列表渲染获取路由初...
vue 粘贴板
vue3 路由跳转交互