我正在使用 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>