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

【问题标题】：how to add icon fontawesome on :title nav-tab bootstrap vue.js?如何在：title nav-tab bootstrap vue.js 上添加图标 fontawesome？
【发布时间】：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>

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

【问题讨论】：

标签： vue.js vuejs2 font-awesome vuex bootstrap-vue

【解决方案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

【讨论】：