Javascript 更改引导vue选项卡标题的标题颜色

我正在使用bootstrap-vue.js创建一个选项卡。结果是这样的

我只想更改选项卡标题颜色，因为它使用的是我项目中的默认颜色。在bootstrap-vue.js官方链接（）中有一个title item类，用于更改选项卡标题。所以我把代码包装成这样：

<b-tab title="Transaction History" title-item-class="tab-title-class">

但它没有任何效果。那么这里的问题是什么？

---

提前感谢。

看起来您在

标题项类

之前缺少了一个冒号。尝试

---

使用

v-bind

指令应用自定义类，并使用引号表示它是字符串：

<b-tab title="Transaction History" :title-item-class="'tab-title-class'">

---

使用

v-bind

时，它会检查输入的类型。如果未定义，则会出现错误。因此，在这里，我们没有在

数据

选项中定义这样的类，而是简单地为css分配一个字符串类，这样可以很好地工作。

如果您在同一模板中使用样式，如下图所示

<style>
.tab-title-class {
    color: #FF0000 !important;  
}
</style>

.tab标题类{
颜色：#FF0000！重要；
}

这将在控制台中显示警告，如

“[Vue warn]：模板应仅负责映射 向用户界面声明。避免在用户界面中放置带有副作用的标签 模板，例如