blackteay/vue-ba
1
0
Fork 0
mirror of https://github.com/1621740748/vue-ba.git synced 2025-04-05 11:18:55 +08:00
Code Issues Projects Releases Wiki Activity

可以统计自定义事件

Browse Source
This commit is contained in:
starryrbs 2020-03-12 19:19:04 +08:00
parent 2c5e0d6a43
commit 89793e3550
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -83,6 +83,8 @@ vue-ba 提供 track-event，track-pageview 两个指令，开发者可以直接
可通过逗号分隔的字符串或对象字面量传递参数，以字符串传递时请注意参数顺序，可参考trackEvent API。 可通过逗号分隔的字符串或对象字面量传递参数，以字符串传递时请注意参数顺序，可参考trackEvent API。
统计自定义事件使用 v-track-event.someEvent.custom
#### 用法 #### 用法
``` ```
@ -92,6 +94,8 @@ vue-ba 提供 track-event，track-pageview 两个指令，开发者可以直接
<input v-track-event.keypress="'category, action'"> // 统计keypress事件 <input v-track-event.keypress="'category, action'"> // 统计keypress事件
<input v-track-event.someEvent.custom="'category, action'"> // 统计someEvent事件,someEvent是自定义事件
<button v-track-event="'category, action, opt_label, opt_value'"><button> // 以字符串传递参数 <button v-track-event="'category, action, opt_label, opt_value'"><button> // 以字符串传递参数
<button v-track-event="{category:'event', action:'click'}"></button> // 以对象字面量传递参数 <button v-track-event="{category:'event', action:'click'}"></button> // 以对象字面量传递参数

10
src/directives/track-event.js
View File

@ -1,7 +1,7 @@
import ba from '../index' import ba from '../index'
import { notChanged, isEmpty } from './utils' import { notChanged, isEmpty } from './utils'
export default function (el, binding) { export default function (el, binding, vnode) {
if (notChanged(binding) || isEmpty(binding)) { if (notChanged(binding) || isEmpty(binding)) {
return return
} }
@ -26,7 +26,13 @@ export default function (el, binding) {
if (!events.length) events.push('click') // default listen click if (!events.length) events.push('click') // default listen click
events.forEach((event) => { events.forEach((eventValue) => {
const customTag = 'custom'
let [event, custom] = eventValue.split(':')
if (custom === customTag) {
vnode.componentInstance.$on(event, () => ba.trackEvent(...args), false)
} else {
el.addEventListener(event, () => ba.trackEvent(...args), false) el.addEventListener(event, () => ba.trackEvent(...args), false)
}
}) })
} }