Vuetify 带有按钮的可点击卡片

Question

我有一个可点击的v-card，由于它的to 属性，它充当了一个链接。该卡片还包含一个可单击的按钮。像这样的：

<v-card :to="{ name: 'MyView' }">
  <v-btn @click.stop="myAction"></v-btn>
  ... other elements ...
</v-card>

现在，当单击卡片内的按钮时，按钮的单击处理程序 (myAction) 会执行，但也会跟随链接。如何将其更改为仅在单击按钮时执行单击处理程序？

Answer 1

看来应该改用prevent。 因为应该停止浏览器对链接的默认操作。

<v-card :to="{ name: 'MyView' }">
  <v-btn @click.prevent="myAction">something</v-btn>
  ... other elements ...
</v-card>