drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Tabs

Browse source 
@hezhiying
This commit is contained in:
梁灏 2017-03-27 15:24:48 +08:00
parent 02fa0d3fff
commit 8e4f708f25
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
examples/routers/tabs.vue
View file

@ -9,8 +9,8 @@
</Col>
<Col :span="12">
<Tabs type="card" closable @on-tab-remove="handleTagRemove">
<Tab-pane :label="tab.label" v-for="tab of tabs">{{tab.content}}</Tab-pane>
<Button size="small" slot="right" @click="addTab">添加</Button>
<Tab-pane :label="tab.label" v-for="tab of tabs" :key="tab">{{tab.content}}</Tab-pane>
<Button size="small" slot="extra" @click="addTab">添加</Button>
</Tabs>
</Col>
</Row>

8
src/components/tabs/tabs.vue
View file

@ -12,7 +12,7 @@
<Icon v-if="showClose(item)" type="ios-close-empty" @click.native.stop="handleRemove(index)"></Icon>
</div>
</div>
<div :class="[prefixCls + '-nav-right']" v-if="showSlot"><slot name="right"></slot></div>
<div :class="[prefixCls + '-nav-right']" v-if="showSlot"><slot name="extra"></slot></div>
</div>
</div>
</div>
@ -61,7 +61,7 @@
barWidth: 0,
barOffset: 0,
activeKey: this.value,
showSlot:false
showSlot: false
};
},
computed: {
@ -228,8 +228,8 @@
this.updateStatus();
}
},
mounted(){
this.showSlot = this.$slots.default !== undefined;
mounted () {
this.showSlot = this.$slots.extra !== undefined;
}
};
</script>