el-tabs的上方目录栏增加自定义按钮

需求如图:需要在el-tabs的最右侧加一个自定义按钮,它不属于el-tab-pane,而且要在最右侧。这时候就要使用定位来完成这个按钮的显示。
在这里插入图片描述
代码结构如下:自定义按钮要与el-tabs的层级并列,然后通过css设置custom-btn的定位样式
在这里插入图片描述

.tabs-wrapper {
    
    
  position: relative;
}
.custom-btn {
    
    
  position: absolute;
  top: 6px;
  right: 20px;
}

其实是custom-btn距离它外层包裹的div内部上方6px,然后刚好就显示在el-tabs上,是视觉效果,并不是直接在el-tabs内部放自定义按钮。

猜你喜欢

转载自blog.csdn.net/changyana/article/details/132377422