**功能:连续点击n次弹出对话框(多击事件)**
一句话总结 就是在单击事件上加一个变量记录他的点击次数,并且每次点击间隔时间不可以大于300毫秒。
<view @click='clickss(5)'>点我5次,弹出对话框</view>
<script>
export default {
data() {
return {
num:0,
curTime:0,
lastTime:0,
show:false,
},
methods: {
clearData(){
this.num=0;
this.curTime=0;
this.lastTime=0;
},
clickss(n){
this.num++;
if(this.num==1){
this.curTime=Math.round(new Date());
this.lastTime=Math.round(new Date());
}else if(this.num==n){
if(this.curTime-this.lastTime<300){
this.clearData();
return;
}else{
this.clearData();
return;
}
}else{
this.lastTime=this.curTime;
this.curTime=Math.round(new Date() );
if(this.curTime-this.lastTime>300){
this.clearData();
}
}
}
}