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


关键点: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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM