666啊! vue.mixin
产品粑粑说,关于用户的一切行为,他们都想知道。
满足需求是本码畜的毕生需求。嗯,是的。就是这样。
组件很多怎么办?点击按钮很多怎么办?难道给每个按钮都写一个插码事件吗!就算是码畜,也有一颗追求更优质(偷懒)代码的热情的心脏啊!
//mixin.js mounted(){ function test (context) { let el = context.$root.$el,//不太懂为什么用 context.$el,绑定事件会执行两次 pageTitle = context.$route.meta.title if(el && !el._isBindDelegate){ let eventTypes = ['click'] //为了产品粑粑以后还想了解touch事件、滚动事件什么的 eventTypes.forEach(type=>{ el.addEventListener(type, (e)=>{ let target = e.target let txt = target.dataset.codemarker || target.parentNode.dataset.codemarker console.log('codemarker', pageTitle, txt) txt && window.codeMarker && window.codeMarker.clickButton(txt) }, true) }) el._isBindDelegate = true } } this.$nextTick(()=>{ test(this) }) },