因為設定了el-tab-pane的name屬性,導緻上面的問題,那麼如何解決呢?
在使用v-for周遊生成tab欄時,el-tabs可以不設定v-model,預設顯示第一個,進而el-tab-pane中也不用設定name屬性
<el-tabs
type="border-card"
@tab-click="handleClick"
>
<el-tab-pane label="餅狀圖">
<div :id="'first' + index" style="width: 1150px; height: 225px"></div>
</el-tab-pane>
<el-tab-pane label="圓環圖">
<div :id="'second' + index" style="width: 1150px; height: 225px"></div>
</el-tab-pane>
<el-tab-pane label="柱狀圖">
<div :id="'third' + index" style="width: 1150px; height: 225px"></div>
</el-tab-pane>
<el-tab-pane label="條形圖">
<div :id="'fourth' + index" style="width: 1150px; height: 225px"></div>
</el-tab-pane>
</el-tabs>