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.')
`