分类：Click

2021
01-29

vue 实现click同时传入事件对象和自定义参数

仅仅传入自定义参数HTML<divid="app"><button@click="tm(123)">ddddd</button></div>JS代码newVue({el:'#app',methods:{tm:function(e){console.log(e);}}})仅仅传入事件对象HTML<divid="app"><button@click="tm">ddddd</button></div>JS代码newVue({el:'#app',methods:{tm:function(e){console.log(e);}}})同时传入事件对象和自定义参数HTML<divid="app"><button@click="tm($event,123)">dd... 继续阅读 >

2020
12-16

详解python中的三种命令行模块(sys.argv,argparse,click)

Python作为一门脚本语言，经常作为脚本接受命令行传入参数，Python接受命令行参数大概有三种方式。因为在日常工作场景会经常使用到，这里对这几种方式进行总结。命令行参数模块这里命令行参数模块平时工作中用到最多就是这三种模块：sys.argv,argparse,click。sys.argv和argparse都是内置模块，click则是第三方模块。sys.argv模块（内置模块）先看一个简单的示例：#!/usr/bin/pythonimportsysdefhello(name,age,sex,*args):... 继续阅读 >

2020
11-16

Vue指令实现OutClick的示例

原始实现下面是两种常见的模态框的实现方式方案一：默认click都是放在冒泡阶段，只要在内容区域上添加click的阻止冒泡即可<divclass="cover"@click="close"><!--阻止冒泡--><divclass="content"@click.stop>modalcontent</div></div>方案二：通过代码判断点击触发的DOM是否在内容区域内<divclass="cover"@click="handleClick"><divclass="content"ref="content">modalcontent</div></div>handleClick(e){l... 继续阅读 >

2020
10-09

vue.js click点击事件获取当前元素对象的操作

Vue.js可以传递$event对象<bodyid="app"><ul><liv-on:click="say('hello!',$event)">点击当前行文本</li><li>li2</li><li>li3</li></ul><script>newVue({el:'#app',data:{message:'HelloVue.js!'},methods:{say:function(msg,event){//获取点击对象varel=event.currentTarget;alert("当前对象的内容："+el.innerHTML);}}})</script></body>属性描述... 继续阅读 >

2020
10-08

vue中touch和click共存的解决方式

在vue开发手机端项目时，我们经常会遇到touch和click共存的情况，比如城市选择页面的字母滑动touch事件在手机端会触发浏览器滑动，所以应给touch事件添加阻止默认行为touchmove.prevent。注意阻止默认行为事件不要添加在touchstart事件上，会影响到click事件的发生。touch事件和click事件发生先后顺序：touchstart，touchmove，touchend，click补充知识：touchstart与click同时触发产生冲突的原因我们可以给某个元素同时绑定touch... 继续阅读 >

2020
09-24

深入浅析Python 命令行模块 Click

Click是用Python写的一个第三方模块，用于快速创建命令行。我们知道，Python内置了一个Argparse的标准库用于创建命令行，但使用起来有些繁琐，Click相比于Argparse，就好比requests相比于urllib。关于Click？说下Click模块是干啥的,简单说，它就是把我们的Python脚本的一些函数，通过添加带有Click关键字的装饰器进行装饰进而将函数调用的形式转化为命令行传参的形式然后执行。听不懂也没关系，我们会一步一步来... 继续阅读 >