vue-awesome-swiper实现左右切换滑动tab菜单

Loop模式+ Slides分组，点击左右按钮按组滑动循环切换，点击menu切换标签页

html

<!-- 标签页菜单 -->
<div class="menu-ul">
              <div class="swiper-button-prev" slot="button-prev" @click="prev"><img height="16" src="左按钮.png"/></div>
              <swiper class="swiper" ref="mySwiper" :options="swiperOption">
                <swiper-slide><span :class="{
    'menu':menuId===0}">menu1</span></swiper-slide>
                <swiper-slide><span :class="{
    'menu':menuId===1}">menu2</span></swiper-slide>
                <swiper-slide><span :class="{
    'menu':menuId===2}">menu3</span></swiper-slide>
                <swiper-slide><span :class="{
    'menu':menuId===3}">menu4</span></swiper-slide>
                <swiper-slide><span :class="{
    'menu':menuId===4}">menu5</span></swiper-slide>
                <swiper-slide><span :class