怎么在el-tab-pane上加图标

您可以通过在el-tab-pane标签中嵌套一个带有图标的元素来为el-tab-pane添加图标。例如，您可以在el-tab-pane的标签内部添加一个i标签，并使用element-ui的图标类来设置图标样式。以下是一个示例代码：

<el-tabs>
  <el-tab-pane label="Tab 1">
    <i class="el-icon-basic-on"></i> Tab 1内容
  </el-tab-pane>
  <el-tab-pane label="Tab 2">
    <i class="el-icon-basic-off"></i> Tab 2内容
  </el-tab-pane>
</el-tabs>

在上述代码中，我们在el-tab-pane的标签内部添加了一个i标签，并分别给不同的el-tab-pane设置了不同的图标样式。您可以根据需要自定义图标样式，也可以使用element-ui自带的图标类。请注意，您可能需要根据实际情况调整图标的大小和位置。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [elementUI如何给el-tabs/el-tab-pane添加图标](https://blog.csdn.net/qq_44644561/article/details/130055102)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [element中el-tabs下的el-tab-pane元素悬浮显示tooltip](https://blog.csdn.net/CutelittleBo/article/details/121631096)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]