el-tabs 为每个选项添加一个对应的svg图标

要从这样image.png

变成这样image.png

<div class="platformUser-container">
    <el-tabs v-model="platformName" tab-position="left" class="tab-item" @tab-click="handleClick">
      <el-tab-pane label="账号管理" name="accountmanagement">
        <account-management ref="accountmanagement" />
      </el-tab-pane>
      <el-tab-pane label="功能权限" name="functionalauthority">
        <functional-authority ref="functionalauthority" />
      </el-tab-pane>
      <el-tab-pane label="失效员工管理" name="disablelist">
        <disable-list ref="disablelist" />
      </el-tab-pane>
      <el-tab-pane label="资源管理" name="resourcemanagement">
        <resource-management ref="resourcemanagement" />
      </el-tab-pane>
      <el-tab-pane label="菜单管理" name="menumanagement">
        <menu-management ref="menumanagement" />
      </el-tab-pane>
    </el-tabs>
  </div>
阅读 8.3k
3 个回答
<el-tab-pane>
    <span slot="label"><i class="el-icon-date"></i>标签标题</span>
    内容内容内容....
</el-tab-pane>

插入label这个插槽就行

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题