import { useRoute, useRouter } from 'vue-router'
const router = useRouter()
const route = useRoute()
  router.push({ path: '/activity', query: {id: 1} })

这种在正常.vue文件中引入没有任何问题,但在js文件中,引入

import { useRoute, useRouter } from 'vue-router'
console.log(useRouter())
// 打印结果为undefined

原因是,在vue3中第一种useRouter的引入方式是vue3的hooks,因此在js文件中需要导入你创建的router文件即可

import router from '@/router/index'
router.push('activity')
// 正常跳转
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐