Vuejs2 vuetify：单击时停止父动画

我有一张有两个按钮的卡片，我想在点击时使用差异功能：

卡片

按钮

Yes

按钮

No

我这样布置卡片

<v-card
  @click.self="$emit('card:clicked')"
>
    <v-card-actions>
      <v-spacer/>
      <v-btn
        @click.stop="$emit('btn:yes')"
      >
        Yes
      </v-btn>
      <v-btn
        @click.stop="$emit('btn:no')"
      >
        No
      </v-btn>
    </v-card-actions>
</v-card>

对
不

使用修改器

stop

我可以在没有发出事件的情况下发出

btn:yes

或

btn:no

事件

card:clicked

在卡上，但是在卡上单击的动画仍然显示并且非常混乱

---

我的问题是如何停止动画，就像停止事件

卡：当我单击按钮而不是卡时，单击了
。
在进一步搜索后，我找到了
动画
调用
ripple
，使用vuetify

用正确的词语，我可以在

我可以通过添加
@mousedown.stop
来解决我的问题，如下所示

<v-card
  @click.self="$emit('card:clicked')"
>
    <v-card-actions>
      <v-spacer/>
      <v-btn
        @click.stop="$emit('btn:yes')"
        @mousedown.stop
      >
        Yes
      </v-btn>
      <v-btn
        @click.stop="$emit('btn:no')"
        @mousedown.stop
      >
        No
      </v-btn>
    </v-card-actions>
</v-card>


对
不