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

Question

如何在：title选项卡引导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>

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