方法一:通过引入 “vue-router” 的 useRouter

import { useRouter, onMounted } from 'vue-router'
 
setup (props, context) {
  const router = useRouter();
  onMounted(() => {
    // 打印
    console.log('router:', router.currentRoute.value.query)
  })
  return {}
}


方法二:通过引入 “vue-router” 的 userRoute

import { useRoute, onMounted, toRaw } from 'vue-router'
 
setup (props, context) {
  const route = useRoute();
  onMounted(() => {
    // 打印
    console.log('route:', toRaw(route).query.value)
  })
  return {}
}


useRouter 和 useRoute 函数不能在setup 里面的函数内执行,要放在顶部或者其他位置,不然作用域改变,执行后的 router/route 是 undefined

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐