新手求助： Chrome 扩展中， Vue 怎样为当前页面注入 listener

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 2462 天前的主题，其中的信息可能已经有所发展或是发生改变。

在 content_script 中想要实现一个功能：
如果用户打开的网页包含表格，注入一个鼠标事件监听者

JQuery 代码：$('table').click(fn)

Vue ?

Vue

监听者

注入

listener

2 条回复 • 2018-04-01 11:52:33 +08:00

noe132

2018-04-01 10:44:58 +08:00

Array.prototype.forEach.call(document.querySelectorAll('table'), v => {
v.addEventListener('click', fn, false)
})

marsLeo

2018-04-01 11:52:33 +08:00

我想到方案是：
1. 在 Vue 中注册事件
```
let app = new Vue();
app.$on('tableClick', data => {
console.log('start table fn ....', data);
})
```

2. 在页面中触发 Vue 事件
```
$('body').on('click', 'table', e => {
app.$emit('tableClick', e);
})
```
个人拙见，欢迎讨论