Vue.js 路由器视图挂载回调

Vue.js router-view mounted callback

我在一个项目中将 Vue.js 与 Vue-router 一起使用,并且我试图在路由组件准备就绪时进行回调。通常,您会在 mounted() 挂钩中的每个组件内执行此操作,但对于这种情况,我希望它适用于已路由到的每个组件。

我尝试使用 router.OnReady()router.afterEach() 但它不起作用,因为它们在路由之后但在安装组件之前发生。我还尝试更改 vue-router 源代码,将 mounted() 添加到 router-view 组件,但它没有被调用。

没有针对此的路由器事件,但根据 this issue,您可以通过在 router.afterEach.

中使用 Vue.nextTick 来解决此问题