点击一个条目,根据获取到的网站
URL
信息,打开网站窗口。
1、修改 Main.vue
在
/src/components/Main.vue
组件里,给每个条目添加双击事件,双击后打开网站窗口,同时注入一段
JS
代码:
[code]<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
代码:
[code]export default `alert(\'hello.\')