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

This topic created in 3009 days ago, the information mentioned may be changed or developed.

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

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

Vue ?

Vue

监听者

注入

listener

2 replies • 2018-04-01 11:52:33 +08:00

noe132

Apr 1, 2018

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

marsLeo

Apr 1, 2018

我想到方案是：
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);
})
```
个人拙见，欢迎讨论