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

Question

如何在 :title 选项卡上添加很棒的字体 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>

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

Answer 1

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

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

how to add icon fontawesome on :title nav-tab bootstrap vue.js?