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