javascript - 防止 Vuetify 选项卡的默认点击事件动作

Question

我正在使用 Vuetify 选项卡来显示一些表单，我想添加一个按钮作为选项卡中的最后一个元素，这有助于创建一个新选项卡。现在我可以通过使用防止事件冒泡到选项卡，@click.stop但是每当在按钮外部（在 内v-tab）单击它触发选项卡更改事件时，我尝试@click.prevent并@change阻止默认操作，但似乎没有任何效果。即使我尝试disabled了属性，但它禁用了包括按钮在内的整个选项卡。

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

编解码器

标签： javascriptvue.jsevent-handlingvuetify.jsvuetify-tabs