天天看點

element中随便切換一個tab欄,其他的tab欄也跟着切換?

因為設定了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>