2017-07-11 14:35:39 +08:00

37 lines
755 B
Vue

<template>
<van-tabs :active="active" :duration="duration" @click="handleTabClick" @disabled="handleTabDisabledClick">
<van-tab title="选项一">内容一</van-tab>
<van-tab title="选项二">内容二</van-tab>
<van-tab title="选项三" disabled>内容三</van-tab>
<van-tab title="选项四">内容四</van-tab>
</van-tabs>
</template>
<script>
import Tab from 'packages/tab';
import Tabs from 'packages/tabs';
export default {
components: {
'van-tab': Tab,
'van-tabs': Tabs
},
data() {
return {
active: 0,
duration: 0.5
};
},
methods: {
handleTabClick(index) {
this.$emit('click');
},
handleTabDisabledClick(index) {
this.$emit('disabled');
}
}
};
</script>