tabs 组件修改 (#18)

* 修改tab tabs内部交互逻辑
This commit is contained in:
Yao
2017-04-26 14:34:24 +08:00
committed by GitHub
parent b98a624960
commit 639d3a65c5
3 changed files with 54 additions and 4 deletions

View File

@@ -1,5 +1,5 @@
<template>
<van-tabs :active="active">
<van-tabs :active="active" @click="handleTabClick" @disabled="handleTabDisabledClick">
<van-tab title="选项一">内容一</van-tab>
<van-tab title="选项二">内容二</van-tab>
<van-tab title="选项三" disabled>内容三</van-tab>
@@ -22,6 +22,15 @@ export default {
return {
active: 0
};
},
methods: {
handleTabClick(index) {
this.$emit('click');
},
handleTabDisabledClick(index) {
this.$emit('disabled');
}
}
};
</script>