vue + element 实现手动切换tabs

做一个效果图如下的一个tabs切换

vue + element 实现手动切换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 了
就这么简单   

 

上一篇:Delphi 运行代码错误:cannot focus a disabled or invisible window


下一篇:form和button和input