vue事件的延迟解决方案,vue手动触发click事件

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: