diff --git a/packages/tab/index.vue b/packages/tab/index.vue index 176382069..5d959e1b2 100644 --- a/packages/tab/index.vue +++ b/packages/tab/index.vue @@ -1,6 +1,8 @@ @@ -18,9 +20,27 @@ export default create({ disabled: Boolean }, + data() { + return { + slotInited: false + }; + }, + computed: { index() { return this.parent.tabs.indexOf(this); + }, + + isSelected() { + return this.index === this.parent.curActive; + } + }, + + watch: { + 'parent.curActive'() { + if (this.isSelected) { + this.slotInited = true; + } } }, diff --git a/packages/vant-css/src/tab.css b/packages/vant-css/src/tab.css index a27ecb991..4d597453c 100644 --- a/packages/vant-css/src/tab.css +++ b/packages/vant-css/src/tab.css @@ -134,12 +134,4 @@ $van-tabs-card-height: 30px; background-color: $white; } } - - &__pane { - display: none; - - &--select { - display: block; - } - } }