element中tabs动态获取el-tab-pane数据不及时更新

element中tabs动态获取el-tab-pane数据不及时更新

参考:https://segmentfault.com/q/1010000023940645

上代码

<template>
<el-tabs ref="tabs" >  
    <template v-for="item in tabs">  
        <el-tab-pane :key="item.name"  
                     :name="item.name">  
            <span slot="label">{{ item.label }}<el-badge :value="item.count"></el-badge>
    </span>  
            xxxx
    </el-tab-pane> 
</template>
</el-tabs>
</template>

<script>
	$.get("xxx",function(){
        // 赋值 tabs
        // 获取其他方法 赋值
        // el-tab-pane渲染不正确
        // 获取tabs并并刷新
        this.$refs.tabs.$refs.nav.$forceUpdate()
    })

</script>