Skip to content

I hope that create new tab by event and show the newest tab,but not work. where the problem appear? thanks #103

@chasenli

Description

@chasenli

Version & browser

uiv.0.12.1 ,browser:chrome 55

Which component

tabs

Steps to reproduce the problem

first,thank your work.
my trouble :
v-for in the tab component . I hope that create new tab by event and show the newest tab,but not work.
my code:

<div id="app">
  <tabs ref="refTabs">
    <tab>Tab content 1.</tab>
    <tab>Tab content 2.</tab>
   <tab v-for="t in vtabList" title="t.title">id is {{t.id}}</tab>
  </tabs>
<button @click="newTab">new tab</button>
</div>
<script>
new Vue({
	el:'#app',
	data:{
		vtab:{id:11,title:'t11'},
		vtabList:[]
	},
	methods:{
		newTab(){
			this.vtabList.push(this.vtab)
			this.nextTick(()=>{
				var len=this.$refs.refTabs.tabs.length;
				this.$refs.refTabs.select(len-1);
			})
			
		}
	}
		
})
</script>

Expected behavior

Actual behavior

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions