vuetify.js - 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();
    }
  }
}

标签： vuetify.js

Answer 1

正如 Vuetify 文档所说，

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

组件没有发出“点击”事件v-snackbar。

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

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