electron >=14.0版本 创建子窗口,新版本创建子窗体

342 篇文章 9 订阅

在这里插入图片描述
看效果
其实在 14.0 版本还是发生了比较大的改动
需要你下载。@electron/remote

npm i @electron/remote --save

然后在主线程
require(’@electron/remote/main’).initialize()
// 开启。这个必须得有。否则也创建不了
require("@electron/remote/main").enable(webContents)

mainWindow = new BrowserWindow({
    with: 300,
    height: 600,
    webPreferences: { nodeIntegration: true, contextIsolation: false, enableRemoteModule:true },
  });
  require('@electron/remote/main').initialize()
require("@electron/remote/main").enable(mainWindow.webContents)
  mainWindow.loadFile("index.html");
  mainWindow.on("closed", () => {
    mainWindow = null;
  });

然后在文件中

const {BrowserWindow} = require('@electron/remote')
bin2.onclick=()=>{
    newWin= new BrowserWindow({
        width:400,height:400
    })
   newWin.loadFile('yellow.html')
   newWin.on('closed',()=>{
    newWin=null
   })
}

就可以实现效果了。

前端 还是更新换代比较快的。还是要持续学习的
关注我 持续更新 前端知识。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yunchong_zhao

帮到你了,请作者喝杯矿泉水可好

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值