vue + element 实现手动切换tabs

时间：2020-04-14 15:06:36 阅读：262 评论：0 收藏：0 [点我收藏+]

做一个效果图如下的一个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 了
就这么简单

原文：https://www.cnblogs.com/TreeCTJ/p/12698067.html

踩

(0)

评论一句话评论（0）

分享档案

更多>