element ui tabs標(biāo)簽頁(yè)bug

圖片描述
公司后臺(tái)管理系統(tǒng)使用element ui框架，發(fā)現(xiàn)初始化標(biāo)簽頁(yè)后沒(méi)有辦法打開(kāi)后面?zhèn)z個(gè)或者三個(gè)標(biāo)簽（點(diǎn)擊無(wú)反應(yīng)，但是代碼都是一樣的），需要點(diǎn)擊一下前面幾個(gè)標(biāo)簽頁(yè)后才能打開(kāi)后面的標(biāo)簽頁(yè)。原來(lái)是以為版本過(guò)低，今天升級(jí)到最新的ui版本，發(fā)現(xiàn)還是有這個(gè)問(wèn)題，所以大家知道是什么回事嗎？

補(bǔ)充代碼：
圖片描述

補(bǔ)充1：
我后來(lái)把<component></component>動(dòng)態(tài)掛載組件注釋掉，就沒(méi)有問(wèn)題。但是我沒(méi)有看出來(lái)我的這個(gè)代碼哪里有bug--!

補(bǔ)充2：
通過(guò)調(diào)試，我現(xiàn)在定位到問(wèn)題了，因?yàn)橛袀€(gè)頁(yè)面有echarts組件，把echarts相關(guān)代碼注釋掉就沒(méi)問(wèn)題，但是為什么echarts會(huì)影響到tabs標(biāo)簽的打開(kāi)呢，我還是沒(méi)找到原因

回答

編輯回答

法克魷

我也遇到過(guò)類(lèi)型的情況，原因是因?yàn)関ue 的版本和element ui不兼容造成的，你確認(rèn)下你的vue版本和element ui一致嗎？

2017年12月27日 10:08

編輯回答

喵小咪

把每個(gè)compontent的渲染加上v-if="defaultActive == tab.name"試試呢？ el-tab-pane會(huì)把所有tab下的組件在一開(kāi)始都渲染，只不過(guò)display是none。而echarts組件是不是在display:none的情況下渲染有問(wèn)題？純猜測(cè)

2017年3月20日 08:37

編輯回答