寫了<router-view/>會配置路由么？
路由配置上就行了。
至于是左滑動還是右滑動，可以動態(tài)綁定name，注冊路由時meta中寫上索引

{
  path: '/supervise',
  name: 'supervise',
  component: Supervise,
  meta: { index: 2 }
},

在當前tab組件watch $route

watch: {
    $route(to, from) {
      if(to.meta.index < from.meta.index) {
        this.transitionName = "slide-forward"
      } else {
        this.transitionName = "slide-back"
      }
    }
}

在父組件定義一個變量，子組件傳值狀態(tài)值到父組件。v-if判斷狀態(tài)，展現(xiàn)不同的組件就行了，非常簡單

誰有demo ??