博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
666的vue.mixin
阅读量:5093 次
发布时间:2019-06-13

本文共 893 字,大约阅读时间需要 2 分钟。

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) }) },

转载于:https://www.cnblogs.com/dodocie/p/9598992.html

你可能感兴趣的文章
ASP.net导出Excel的几种方式
查看>>
CM集群管理
查看>>
ps aux 和ps -aux和 ps -ef的选择
查看>>
WPF 开发 WebBrowser
查看>>
手动写一个上传图片的组件,不适用插件,包括限制图片大小,格式
查看>>
requests模块
查看>>
Date对象
查看>>
Linux的巡检命令
查看>>
Android 滑动定位+吸附悬停效果实现
查看>>
20135234mqy-——信息安全系统设计基础第七周学习总结
查看>>
numpy中int类型与python中的int
查看>>
四 akka学习 四种多线程的解决方案
查看>>
win7下cmd常用命令
查看>>
python HTTP请求过程
查看>>
info - 阅读 info 文档
查看>>
小白写linux环境下的定时监测
查看>>
集合、序列、字典
查看>>
C#虚基类继承与接口的区别
查看>>
过年啦
查看>>
FTP、WEB虚拟目录作用
查看>>