在插件弹窗内获取router失败的解决方法

74 阅读1分钟

问题:在使用leaflet时,打算自定义其弹窗popup,但是在自定义的组件内无法获取router

//弹窗组件内部
import { useRouter } from 'vue-router'

const router = useRouter()
console.log(router)  //undefiend

问题原因:通过这种方式注册的组件没有走main.ts,也就是在该组件内router并未被注册

解决方法:直接使用从路由文件里导出的router

import router from '@/router'

console.log(router) //正常使用