Electron使用指南 - [14] 打开网站窗口

点击一个条目,根据获取到的网站 URL 信息,打开网站窗口。

1、修改 Main.vue

/src/components/Main.vue 组件里,给每个条目添加双击事件,双击后打开网站窗口,同时注入一段 JS 代码:

<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 代码:

export default `
  alert('hello.')
`
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容