VueJS-Boostrap.tab（&#39；show&#39；）无法正常工作

这是我在Codepen上的代码我需要在添加但不工作时显示新选项卡

addTab(tabIndex, tabID) {
   this.tabID = this.tabID + 1;
   this.tabs.push({
     title: `Tab ${this.tabID}`,
     content: `Tab ${this.tabID} Content`,
   });
   $(`.tab${tabIndex}`).tab("show");
},

Boostrap.tab（“显示”）在添加时不显示到新选项卡

我尝试了：

$(`.tab${tabIndex}`).tab("show");

但仍然没有显示最新的选项卡