温泉UI Vueのスワイプタブバーが

Question

を動作しません私は

https://github.com/OnsenUI/vue-cordova-webpack

を開始するには、このテンプレートを使用して、私はそのOKタブバーを追加しますが、私は、コードIを実行したときにスワイプ属性は 動作しません。タブとその作業をクリックすることができますが、スワイプが

を動作しません、私のブラウザはここ

okですので、私は、温泉のUIデモにスワイプすることができます私のTabBarコンポーネント

です

<template> 
    <v-ons-page> 
    <v-ons-toolbar> 
     <div class="center">{{ title }}</div> 
    </v-ons-toolbar> 

    <v-ons-tabbar 
     swipeable position="auto" 
     :tabs="tabs" 
     :visible="true" 
     :index.sync="activeIndex" 
    > 
    </v-ons-tabbar> 
    </v-ons-page> 
</template> 


<script> 
import Dashboard from './components/dashboard.vue'; 
import Diary from './components/diary.vue'; 

export default { 
    data() { 
    return { 
     activeIndex: 0, 
     tabs: [ 
     { 
      label: 'dash', 
      page: Dashboard, 
      icon: this.md() ? null : 'ion-ios-settings', 
      key: "Dashboard" 
     }, 
     { 
      label: 'diar', 
      page: Diary, 
      icon: this.md() ? null : 'ion-ios-settings', 
      key: "Diary" 
     } 
     ] 
    }; 
    }, 
    methods: { 
    md() { 
     return this.$ons.platform.isAndroid(); 
    } 
    }, 
    computed: { 
    title() { 
     return this.tabs[this.activeIndex].label; 
    } 
    } 
}; 
</script> 

Answer 1

私はタブバーのオブジェクト にattrのアニメーションをパットするとき、それは他のコミュニティで

<v-ons-tabbar 
    position="auto" 
    animation="fade" 
    swipeable 
    :tabs="tabs" 
    :visible="true" 
    :index.sync="activeIndex" 
> 
</v-ons-tabbar> 

フランディオス問題を解決するには、私はこれを行うのに役立つので、私はそれらを更新褒美に

Answer 2

少なくともonsenui@2.6.0とvue-onsenui@2.2.0を使用していることを確認してください。変更ログ。可能であれば、最新バージョンに更新してください。 package.jsonファイルをチェックし、バージョン番号を変更してください。yarnを使用している場合は、単にyarn upgrade onsenui vue-onsenuiを実行してください。