我正在使用 Material Design 的 Snackbar 和 VueJS，我希望能够检测到小吃店何时关闭。
Snackbar 有一个名为 isOpen 的内置属性，因此我可以将 return this.snackbar.isOpen;其用作布尔值。但是，没有类似的isClosed属性，当小吃店关闭时，它isOpen仍然是正确的。
似乎isOpen对关闭没有反应，只是对打开。但是我想在小吃店打开后关闭时触发一些东西。将不胜感激任何建议
我像这样初始化我的小吃店：
this.snackbar = new MDCSnackbar(document.querySelectorAll(".mdc-snackbar"));
我解决了它：
const snackbarElement = document.querySelector(".mdc-snackbar");
this.snackbar = new MDCSnackbar(snackbarElement);
snackbarElement.addEventListener("MDCSnackbar:closed", (event) => {
以前，我试图将 eventListener 添加到小吃店本身
您应该能够收听MDCSnackbar:closed事件，记录在文档的事件部分。
由于您用 标记了您的问题vue.js，我假设您正在将 MDC 集成到 Vue 应用程序中。在这种情况下，我建议您查看vue-mdc-adapter. 他们也有更多关于 Vue 的小吃店文档。你的小吃店可能是这样的：
<mdc-snackbar v-model="snack" @hide="handleHide"></mdc-snackbar>
@hide– 通知听众小吃店已被隐藏。