溫泉UI Vue的滑動式的TabBar不工作

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

，然後我添加的TabBar其確定，但滑動式屬性不起作用當我運行的代碼我可以點擊選項卡和它的工作，但刷卡不工作

我可以在溫泉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>

來源

2017-10-09 Milad dE

當我推杆的TabBar對象上ATTR動畫它解決問題

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

弗蘭迪奧斯在其他社區幫我做這件事，所以我給的報酬

來源

2017-10-13 13:19:01

確保您至少使用了[email protected]和[email protected]。更新日誌。如有可能，只需更新到最新版本。檢查package.json文件並更改版本號，或者如果您使用的是yarn，則只需運行yarn upgrade onsenui vue-onsenui即可。

來源

2017-10-12 11:00:18

我對其進行更新，但仍是刷卡dowsn沒有工作 –

溫泉UI Vue的滑動式的TabBar不工作

回答

相關問題