Question

我正在使用Material Design的Snackbar和VueJS，我希望能够检测出小吃店何时关闭。

Snackbar具有一个名为isOpen的内置属性，因此我可以将return this.snackbar.isOpen;用作布尔值。但是，没有类似的isClosed属性，当快餐栏确实关闭时，isOpen仍然为真。

似乎isOpen对关闭并没有反应，只是对打开没有反应。但是我想在小吃店打开后关闭时触发一些东西。将不胜感激

我像这样初始化我的小吃店：

this.snackbar = new MDCSnackbar(document.querySelectorAll(".mdc-snackbar"));

Answer 1

您应该能够收听events section of the documentation中记录的MDCSnackbar:closed事件。

由于您用vue.js标记了问题，因此我假设您正在将MDC集成到Vue应用程序中。在这种情况下，我建议您看看vue-mdc-adapter。他们也有更多特定于Vue的documentation for a snackbar。您的小吃店可能会是这样的：

<mdc-snackbar v-model="snack" @hide="handleHide"></mdc-snackbar>

@hide –通知听众小吃栏已隐藏。

Answer 2

我解决了：

       A       B        
 ________________    
1|    Time | RPM
2|    0    | 100
3|    1    | 100
4|    2    | 100
5|    3    | 200
6|    4    | 200
7|    5    | 200
8|    6    | 200

以前，我试图将eventListener添加到小吃栏本身

如何检测MDC Snackbar是否已在JS中关闭？

2 个答案: