环境APICloud + Vue,使用vuedraggable和hammer框架

<draggable v-model="operatingList" :options="{animation: 100, chosenClass:'roomListActive', ghostClass:'none', handle:'.icon-tuodong', group:{ name:'operating'}}">
    <div v-for="(val, index) in operatingList" :key="val.name" >
      <span>{{val.name}}</span>
      <i class="iconfont icon-tuodong"></i>
    </div>
</draggable>

目前拖曳icon-tuodong这个手柄来使list中的元素上下移动，但是左右移动会触发轮播图的左右滑动。
各位大神有没有思路解决啊？
目的是拖曳到边缘，切换到下一窗口。