点击一个条目，根据获取到的网站 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.')
`
