vue electron打开子窗口

在Vue.js应用中结合Electron框架，如果你想在主窗口内打开一个新的子窗口（也称为Webview），你可以使用`vue-electron`库提供的`shell`模块。首先，你需要安装这个依赖：

npm install vue-electron shell

然后，在你的Vue组件中，可以创建一个点击事件来打开新的子窗口：

<template>
  <button @click="openChildWindow">打开子窗口</button>
</template>

<script>
import { shell } from 'electron'

export default {
  methods: {
    openChildWindow() {
      const url = 'https://example.com'; // 替换为你想加载的实际URL
      shell.openExternal(url); // 使用shell.openExternal打开新窗口
    }
  }
}
</script>

在这个例子中，当你点击“打开子窗口”按钮，会打开一个指向指定URL的新浏览器窗口。