diff --git a/examples/routers/tabs.vue b/examples/routers/tabs.vue index 9be14d2..b08043d 100644 --- a/examples/routers/tabs.vue +++ b/examples/routers/tabs.vue @@ -94,39 +94,65 @@ } </script> --> +<!--<template>--> + <!--<div>--> + <!--<Button type="ghost" @click="toFirst" size="small">to first</Button>--> + <!--<Button type="ghost" @click="toLast" size="small">to last</Button>--> + <!--<Tabs type="card" :animated="animated" v-model="activeTab">--> + <!--<TabPane v-for="tab in tabs" :key="tab" :label="'标签' + tab" :name="tab+''" closable>标签{{ tab }}</TabPane>--> + <!--<div slot="extra">--> + <!--<Button type="ghost" @click="handleTabsAdd" size="small">增加</Button>--> + <!--</div>--> + <!--</Tabs>--> + <!--</div>--> +<!--</template>--> +<!--<script>--> + <!--export default {--> + <!--data () {--> + <!--return {--> + <!--tabs: 2,--> + <!--activeTab:"2",--> + <!--animated:true--> + <!--}--> + <!--},--> + <!--methods: {--> + <!--handleTabsAdd () {--> + <!--this.tabs ++;--> + <!--this.activeTab = this.tabs + '';--> + <!--},--> + <!--toFirst () {--> + <!--this.activeTab = '1';--> + <!--},--> + <!--toLast () {--> + <!--this.activeTab = this.tabs+'';--> + <!--}--> + <!--}--> + <!--}--> +<!--</script>--> + <template> <div> - <Button type="ghost" @click="toFirst" size="small">to first</Button> - <Button type="ghost" @click="toLast" size="small">to last</Button> - <Tabs type="card" :animated="animated" v-model="activeTab"> - <TabPane v-for="tab in tabs" :key="tab" :label="'标签' + tab" :name="tab+''" closable>标签{{ tab }}</TabPane> - <div slot="extra"> - <Button type="ghost" @click="handleTabsAdd" size="small">增加</Button> - </div> - </Tabs> + <Tabs type="card"> + <TabPane v-for="tab in tabs" :key="tab" :label="'标签' + tab">标签{{ tab }}</TabPane> + </Tabs> + <Button type="ghost" @click="handleTabsAdd" size="small">增加</Button> + <Button type="ghost" @click="handleTabsMin" size="small">减少</Button> </div> </template> <script> export default { data () { return { - tabs: 2, - activeTab:"2", - animated:true + tabs: 2 } }, methods: { handleTabsAdd () { this.tabs ++; - this.activeTab = this.tabs + ''; }, - toFirst () { - this.activeTab = '1'; - }, - toLast () { - this.activeTab = this.tabs+''; + handleTabsMin () { + this.tabs --; } } } </script> - diff --git a/src/components/tabs/pane.vue b/src/components/tabs/pane.vue index 234c3ee..06f7a95 100644 --- a/src/components/tabs/pane.vue +++ b/src/components/tabs/pane.vue @@ -55,6 +55,9 @@ }, mounted () { this.updateNav(); + }, + destroyed () { + this.updateNav(); } }; </script> -- libgit2 0.21.4