Vue.js 如何在电子应用程序激活事件中加载特定路径

当触发

activate

事件时，我很难弄清楚如何加载特定的路由。我正在使用创建一个Electron应用程序，我有以下途径：

export default [
  {
    path: '/',
    name: 'login-page',
    component: require('components/LoginPageView')
  },
  {
    path: '/tracker',
    name: 'tracker-page',
    component: require('components/TrackerPageView')
  },
  {
    path: '*',
    redirect: '/'
  }
]

现在，我想在以下情况下启动

app.on（'activate'）

后加载

/tracker

路由：

app.on('activate', () => {
  if (mainWindow === null) {
    createWindow()
  }
})

---

这背后的主要原因是我正在创建一个双窗口电子应用程序。第一个窗口是登录，第二个窗口是用户配置文件。当用户已登录并使用“系统关闭”按钮关闭应用程序时，应用程序将停留在驳接栏中，当单击应用程序时，将触发Electron

activate

事件，并再次显示登录屏幕。由于用户已经登录，我不希望用户再次显示登录窗口。任何建议都必须感谢。

我最终能够通过使用

beforenter

方法实现这一点。这是我的草稿：

让auth=true
导出默认值[
{
路径：“/”，
名称：'登录页面'，
组件：需要（'components/LoginPageView'），
元：{
作者：错
},
beforeEnter:（到、从、下一个）=>{
if（auth）{
下一步（“/tracker”）
}否则{
下一个（）
}
}
},
{
路径：'/tracker'，
名称：'跟踪页面'，
组件：需要（'components/TrackerPageView'），
元：{
作者：是的
}
},
{
路径：'*'，
重定向：'/'
}
]

欢迎任何反馈，以便更好地改进此功能：）