Electron使用指南——14打开网站窗口
2020-09-02 13:40
1191 查看
点击一个条目,根据获取到的网站
URL信息,打开网站窗口。
1、修改 Main.vue
在
/src/components/Main.vue组件里,给每个条目添加双击事件,双击后打开网站窗口,同时注入一段
JS代码:
[code]<template> <main> // ... <div id="items"> <div // ... @dblclick="open(item.url, index)" > // ... </div> </div> </main> </template> <script> // ... import buttonJS from './button' export default { // ... methods: { // ... open(url, index) { let readerWin = window.open(url, '', ` maxWidth=2000, maxHeight=2000, width=1250, height=800, backgroundColor=#dedede, nodeIntegration=1, contextIsolation=1 `) readerWin.eval(buttonJS) } } } </script>
2、Button.js
创建
/src/components/button.js,编写要注入的
JS代码:
[code]export default ` alert('hello.')
相关文章推荐
- 解决使用变量打开窗口,使用窗口名不能引用的问题.
- C#中使用javascript 打开新窗口(执行JAVASCRIPT)
- 使用C#打开新窗口关闭旧窗口的方法;winform中防止重复打开多个相同子窗体
- 【转贴】VS.NET 2003集成环境插件开发指南(二)----使用窗口
- 打开新窗口的window.open使用方法以及最大化等问题解决方法汇总
- Chrome 高级技巧:使用 “\ + 关键字” 快速打开指定网站
- 使用jquery在新窗口中打开外部链接
- JavaScript窗口功能指南之打开一个新窗口
- 哎呀!可能有弹出式窗口拦截器生成Gmail无法打开该网页。如果您使用弹出式窗口拦截器,请将其关闭以便打开窗口。
- 【转】使用Response.Redirect打开新窗口的方法
- 使用Redirect打开新窗口
- WPF WebBrowser 使用window.open()打开 新窗口相关问题的解决
- JS: 打开新窗口时(open window),使用传递post参数
- Linux 文件系统剖析: 使用 /proc 文件系统来访问 Linux 内核的内容 这个虚拟文件系统在内核空间和用户空间之间打开了一个通信窗口
- Web网站压力及性能测试工具WebBench使用指南
- JavaScript窗口功能指南之打开一个新窗口
- JavaScript窗口功能指南之打开一个新窗口
- JavaScript窗口功能指南之引用已打开的窗口
- JavaScript窗口功能指南之引用已打开的窗口
- 如何在Asp.net使用模式对话框提交而不打开新窗口?