简化示例:
<v-list>
<v-list-item :to="bla/bla">
<v-menu>
<template v-slot:activator="{on}">
<v-btn v-on.prevent="on"/> // I tried .stop, .stop.prevent, self.prevent, prevent.stop
</template>
<div> bla </div>
<v-menu>
</v-list-item>
</v-list>
所以你可以看到子事件 v-on 触发 v-menu 并显示这个 div。但它也会触发 parent :to 事件。有什么想法吗?
最佳答案
尝试破坏on
插槽 Prop 如下:
<template v-slot:activator="{ on: { click } }">
<v-btn v-on:click.stop.prevent="click">
open
</v-btn>
</template>
关于javascript - 使用 Vuetify 将修饰符添加到菜单激活器中的 v-on,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63955208/