head-img Force's Blog

Element-ui tabs标签标题添加自定义图标

JavaScript

关键点:slot="label"

<el-tab-pane name="5" label="组合关系">
    <span slot="label">
      <span class="span-box">
        <span>{{ item.label }}</span>
        <el-tooltip
          class="item"
          effect="dark"
          content="提示 "
          placement="bottom-start"
        >
          <i class="el-icon-question"></i>
        </el-tooltip>
      </span>
    </span>
   <syntagmatic :nodeId="nodeId" :nodeInfo="nodeInfo"></syntagmatic>
 </el-tab-pane>

总结:label标签都可按此方法添加自定义图标

转载自:https://blog.csdn.net/weixin_43824051/article/details/109201451

点我评论
打赏本文
二维码


124

文章

14

标签

 访客统计  Update-******

 网站信息