vue事件的延迟解决方案,vue手动触发click事件
这篇文章主要介绍了某视频剪辑软件移动端如何解决点击事件延迟,封装龙头等事件,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
目录
移动端解决点击事件延迟,封装龙头等事件移动端点击事件失效
移动端解决click事件延迟,封装tap等事件
下载vue-touch.js
引入:
script src= js/vue-touch。js type= text/JavaScript charset= utf-8 /script
导航条选项卡:
差异
保险商实验所
li v-tap={fn:vueTouch,active:0 } :class= { active荀子:active===0 } 全部/李
li v-tap={fn:vueTouch,active:1 } :class= { active荀子:active===1 } 养车知识/李
li v-tap={fn:vueTouch,active:2 } :class= { active荀子:active===2 } 爱车保养/李
li v-tap={fn:vueTouch,active:3 } :class= { active荀子:active===3 } 汽车维修/李
/ul
/div
标签对应的列表页:
v-show=active===0
div class=items
a href= zixunitems 1。html rel=外部不跟随 rel=外部不跟随 rel=外部不跟随 rel=外部不跟随
img class= items-img src= img/荀子1。巴布亚新几内亚/
项目-标题跑了10万公里的车,相当于人的多少岁别在"黄金车龄"把车卖了/p
一个项目-一个项目对于一辆车来说,它在正常情况下可供时间/span/p
p class= items-time 2019-04-20 span class= mui-icon icon字体icon燕京/span span class=刘兰良1265/span/p
/a
/div
/div
!-养车知识-
v-show=active===1
div class=items
a href= zixunitems 1。html rel=外部不跟随 rel=外部不跟随 rel=外部不跟随 rel=外部不跟随
新荀子协议。巴布亚新几内亚/
项目-标题开车是累了记得打开"防疲劳按键", 有人直到车子报废也没有开过/p
一个项目-一个项目其实疲劳驾驶也是有预防措施的,汽车上有/span/p
p class= items-time 2019-03-20 span class= mui-icon icon字体icon燕京/span span class=刘兰良1265/span/p
/a
/div
/div
!-爱车保养-
v-show=active===2
div class=items
a href= zixunitems 1。html rel=外部不跟随 rel=外部不跟随 rel=外部不跟随 rel=外部不跟随
img class= items-img src= img/荀子3。巴布亚新几内亚/
项目-标题停车后直接就熄火下车?老司机告诉你:发动机至少折寿5年!/p
一个项目-一个项目在停车熄火之前随手多做一步,能让把发动/span/p
p class= items-time 2019-02-20 span class= mui-icon icon font icon yanjing /span span class=刘兰良1265/span/p
/a
/div
/div
!-汽车维修-
v-show=active===3
div class=items
a href= zixunitems 1。html rel=外部不跟随 rel=外部不跟随 rel=外部不跟随 rel=外部不跟随
荀子四国集团。巴布亚新几内亚/
项目-标题这些地方的螺丝被动过,说明你买的是事故车,一定要注意了/p
一个项目-一个项目随着汽车市场的不断发展车子的保有量也不断/span/p
p class= items-time 2019-03-20 span class= mui-icon icon字体icon燕京/span span class=刘兰良1265/span/p
/a
/div
/div
vue.js:
var vm=new Vue({
埃尔: # zixunClass ,
数据:{
"活动":0
},
方法:{
vueTouch:功能(一){
这个。主动=a .主动;
}
}
})
移动端click事件失效
可能是你使用了更好的滚动,默认它会阻止触控事件。所以在配置中需要加上点击:正确
例:
从"更好的滚动"导入b滚动
已安装(){
this.scroll=new BScroll(this .$refs.search,{mouseWheel: true,click: true,tap: true })
},
以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。