vue滑动切换组件怎么实现 基于jquery的手机触控左右滑动拖动导航菜单

vue滑动切换组件怎么实现

一个问题被关闭了，看来你已经研究到总线通信这一部分了，目前的问题是

var eventBus = new Vue()

不能被其他组件所使用。

我猜测你可能是使用了官方的cli 生成的 Webpack的单文件组件模式吧。

给你一个简单的办法，在 main.js 里面

基于jquery的手机触控左右滑动拖动导航菜单

一个简单的解决方案：顶端固定一个DIV作为导航容器，该DIV左端和右端分别用DIV模拟向左和向右的按钮，中间区域呈现导航按钮，计算当前位置，用模拟的按钮控制左右滚动。
另，你说的手机端用手指滑动，在 HTML 中是由浏览器根据手势触控事件来支持的，jQuery 超越不了浏览器对 JS 的支持，因为 jQuery 就是 JS 的程序包。如果使用 Mouse 事件来实现，也不是不可以，因为手势触控的本质无非还是 Mouse 事件同源的衍生计算。费老鼻子劲使用 Mouse 事假实现一个有加速减速效果的导航滑动，不经济。供参考。

ios 滑动手势 怎么判断左右滑动

iOS 滑动手势要判断左右滑动，可以通过UISwipeGestureRecognizer这个类里的direction来判断。
1. 首先，创建一个UISwipeGestureRecognizer的对象swipeGestureRecognizer.
2. 然后写一个if语句来判断滑动的方向，如下所示：
if（swipeGestureRecognizer.direction == UISwipeGestureRecognizerDirectionRight）{
//在这里写右滑的操作
}else{
//在这里写左滑的操作
}

sencha touch 怎么识别手势左右滑动

sencha touch 中添加手势识别非常简单，就是监听 dom 元素的 move 事件：
1. 为你的 view 注册 swipe 事件
// 为当前 view 注册手势滑动事件
Ext.get(myTouchView).on(swipe, onViewSwipe, this)

2. 判断滑动方向

// 手势滑动监听事件
onViewSwipe : function(e, target, options, eOpts) {
if (e.direction === left && e.distance >= 20) {
console.log(move left)
} else if (e.direction === right && e.distance >= 20) {
console.log(move right)
}
}

sencha touch 中 dom 元素有很多监听事件：
touchstart touchend touchmove swipe dragstart
drag dragend tap doubletap longpress pinch rotate
当然手势识别通过监听 touchmove 判断开始和停止的坐标也可以实现。
详细信息可以参考：sencha touch 文档中的 Kitchen Sink 例子中的 Touch Events