點擊一個條目，根據獲取到的網站 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

創(chuàng)建 /src/components/button.js，編寫要注入的 JS 代碼：

export default `
  alert('hello.')
`