Vuetify Snackbar:点击不会调用我的函数

Question

如何检测用户是否点击了小吃条上的任何位置？(不在关闭图标上(

@click不起作用。

<v-snackbar
v-model="active"
...
@click="dismiss" <-- doesnt invoke functon
>
...
</v-snackbar>

---

export default class Toast extends Vue {
...
dismiss(): void {
console.log('dismiss', this.$props); // <-- not seeing this
if (this.$props.dismissable) {
this.close();
}
}
}

Answer 1

正如Vuetify文档所说，

https://vuetifyjs.com/en/api/v-snackbar/#events

不存在"；点击"；v-snackbar组件发出的事件。

但是，您仍然可以在侦听器上使用native修饰符：

<v-snackbar
v-model="active"
@click.native="dismiss"
>
</v-snackbar>