Javascript 防止Vuetify选项卡的默认单击事件操作

我使用Vuetify选项卡来显示一些表单，我想添加一个按钮作为选项卡中的最后一个元素，这有助于创建新选项卡。现在，我可以通过使用

@click.stop

防止事件冒泡到tab，但每当在按钮外（在

v-tab

内）单击它触发tab change事件时，我尝试

@click.prevent

和

@change

阻止默认操作，但似乎没有任何效果。即使我尝试了

禁用

属性，但它禁用了包括按钮在内的整个选项卡

<v-tab @click.stop.prevent="addNew">
  <v-btn class="d-flex" @click.prevent.stop="addNew">Add new</v-btn>
</v-tab>

新增

---

为什么要将其设为选项卡？你似乎试图让“标签”的行为不像标签。你可以用标签做一个

v型布局

，然后把按钮放在标签外面。@Michael，让我看看try@Michael：另一个解决方法-@Michael:谢谢，伙计，为什么把它设为一个账单？你似乎试图让“标签”的行为不像标签。你可以用标签做一个

v型布局

，然后把按钮放在标签外面。@Michael，让我看看try@Michael：另一个解决方法-@Michael:谢谢你，伙计，