如何在：title nav-tab bootstrap vue.js 上添加图标 fontawesome？

Posted 2023-02-22

【中文标题】如何在：title nav-tab bootstrap vue.js 上添加图标 fontawesome？

【英文标题】：how to add icon fontawesome on :title nav-tab bootstrap vue.js?

【发布时间】：2020-04-05 12:03:42

【问题描述】：

如何在 :title tab bootstrap vue.js 上添加字体很棒？

<b-tab :title="'Sebagai '+application_config.studentLabel+' <i class="fas fa-user-graduate"></i>'" active><p>I'm the first tab</p></b-tab>

我试过了，但是出错了。 谢谢

【参考方案1】：

您可以将 Bootstrap Vue Slots 用于 tabs 组件

<template v-slot:title>
  //add other data
  //add icon like 
   <i class="fas fa-user-graduate"></i>
 </template>

您可以在文档中找到Add custom content to tab title