elemetui(vue)移动端 划动切换Tab框

一:安装依赖
npm install vue-touch@next
二 引入
//main.js中引入：
import VueTouch from ‘vue-touch’
Vue.use(VueTouch, {name: ‘v-touch’})

el-touch下的div 放入自己要监听的位置 TAB框 name建议用数组的index
v-model绑定的为自己要显示的name 如果所示默认每次展示第一个TAB框

由于Name绑定的为下标 所以每一次划动的时候 把绑定的activeName值加1就行如图所示