Element Tabs 自定义宽度

官方样式

想要的效果

用到的属性

如下面这段代码： stretch 改为 ture丶 再添加css样式即可。

<template>
    <el-tabs  :stretch="true" v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> 
        <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane> 
        <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane> 
        <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
    </el-tabs>
</template>



<style lang="scss" scoped>

::v-deep .el-tabs__active-bar{
             width: 56px !important;
             left: 52px !important;
          }
          
</style>

亲测可用 有问题滴滴🙂