vue移动端怎么解决click事件延迟,封装tap等事件

小编给大家分享一下vue移动端怎么解决click事件延迟,封装tap等事件，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

移动端解决click事件延迟,封装tap等事件

下载vue-touch.js

引入：

导航条tab：

                
                    
全部
                    
养车知识
                    
爱车保养
                    
汽车维修
                
            

tab对应的列表页：

                                
                                                                                                                            
跑了10万公里的车，相当于人的多少岁别在"黄金车龄"把车卖了
                                            
对于一辆车来说，它在正常情况下可供时间
                                            
2019-04-20 1265
                                                                        
                         
                                                
                
                                                                    
开车是累了记得打开"防疲劳按键"， 有人直到车子报废也没有开过
                        
其实疲劳驾驶也是有预防措施的，汽车上有
                        
2019-03-20 1265
                                    
                            
                        
                
                                                                    
停车后直接就熄火下车？老司机告诉 你：发动机至少折寿5年！
                        
在停车熄火之前随手多做一步，能让把发动
                        
2019-02-20 1265
                                    
                            
                        
                
                                                                    
这些地方的螺丝被动过，说明你买的是 事故车，一定要注意了
                        
随着汽车市场的不断发展车子的保有量也不断
                        
2019-03-20 1265
                                    
                            

vue.js:

var vm = new Vue({                el: '#zixunClass',                data: {                    "active": 0                },                methods: {                    vueTouch:function(a){                        this.active=a.active;                    }                }            })

移动端click事件失效

可能是你使用了better-scroll，默认它会阻止touch事件。所以在配置中需要加上click: true

例：

import BScroll from 'better-scroll'mounted() {    this.scroll = new BScroll(this.$refs.search, {mouseWheel: true, click: true, tap: true })  },

以上是"vue移动端怎么解决click事件延迟,封装tap等事件"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！