Yao 639d3a65c5 tabs 组件修改 (#18)
* 修改tab tabs内部交互逻辑
2017-04-26 14:34:24 +08:00

37 lines
764 B
Vue

<template>
<van-tabs :active="active" @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-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
};
},
methods: {
handleTabClick(index) {
this.$emit('click');
},
handleTabDisabledClick(index) {
this.$emit('disabled');
}
}
};
</script>