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

目录

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

移动端解决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 })
  },

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。