vue.js - 带有子路由的 Electron vue 新窗口

Question

在 Electron vue 中，我想为每个新窗口创建新的 vue 实例。这工作正常，直到我想将路由器子组件加载到新窗口。例如我有条目

add: path.join(__dirname, '../src/renderer/pages/add.js'),

然后在 pages/add.js 我用这样的路由器路由创建新的 vue 实例:

routes: [
    {
        path: '/',
        name: 'add',
        component: require('@/components/add/add').default,
        beforeEnter: (to, from, next) => guard(to, from, next),
        children: [
            {
                path: 'exp',
                component: require('@/components/add/exp').default,
                beforeEnter: (to, from, next) => guard(to, from, next)
            },

如果我只想加载 /它可以正常工作，但我的 add.vue 组件是

<template>
    <router-view></router-view>
</template>

当我启动假设加载 add.html 的新窗口时，我希望它从一开始就加载子路由:

createAddExpPlaceWindow() {
    const winUrl = process.env.NODE_ENV === 'development'
        ? `http://localhost:9080/#/add/exp`
        : `file://${__dirname}/add.html/!#/exp`;

这条路径 file://${__dirname}/add.html/!#/exp不正确，因为我看到空白窗口。我也试过 file://${__dirname}/add.html/exp和 file://${__dirname}/add.html/#/exp他们似乎都没有工作。

Answer 1

作为临时修复，我只是将路径更改为 file://${__dirname}/add.html/exp?opt=exp并基于 window.location.search在 add.vue 创建的钩子(Hook)中，我正在通过 router.push({ path: 'exp' }) 推送路线.