vue + element 實現手動切換tabs

做一個效果圖如下的一個tabs切換

 

 

 通過使用tabs來實現一個頁面稍微好看的一個一步一步操作彈框

 

步驟1：首先呢tabs肯定是不能點擊的  需要在每一個el-tab-pane 設置 disabled屬性

　　　　問題1：設置了disabled所有的 字體顏色都會變為灰色的，盡管當前是active  我們需要 修改一下樣式

　　　　　　定位到相對應的元素上，咱修改一下

.el-tabs__item.is-disabled {
    color: #303133;
  }
  .el-tabs__item.is-active {
    color: #409eff;
  }

 

步驟2：其實貌似也沒啥了，剩下的就是點擊下一步按鈕 將 activeName 改一下唄  就到 下一個 el-tab-pane 了
就這么簡單