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

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

Snackbar有一个名为isOpen的内置属性，因此我可以使用

返回this.Snackbar.isOpen作为布尔值。但是，没有类似的
isClosed
属性，当snackbar确实关闭时，
isOpen
仍然为真

似乎
isOpen
对关闭没有反应，只是对打开有反应。但是我想在snackbar打开后关闭时触发一些东西。如有任何建议，我将不胜感激

我在我的小吃栏里是这样的：

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

您应该能够收听
MDCSnackbar:closed
事件，记录在中

由于您用
vue.js
标记了您的问题，因此我假设您正在将MDC集成到vue应用程序中。在这种情况下，我建议你看看。它们也有更多特定于Vue的特性。然后，您的snackbar可能是：

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



@hide
–通知侦听器snackbar已被隐藏

您应该能够收听
MDCSnackbar:closed
事件，记录在中

由于您用
vue.js
标记了您的问题，因此我假设您正在将MDC集成到vue应用程序中。在这种情况下，我建议你看看。它们也有更多特定于Vue的特性。然后，您的snackbar可能是：

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



@hide
–通知侦听器snackbar已被隐藏

我解决了它：

const snackbarElement = document.querySelector(".mdc-snackbar");
this.snackbar = new MDCSnackbar(snackbarElement);

snackbarElement.addEventListener("MDCSnackbar:closed", (event) => {

之前，我试图将eventListener添加到snackbar本身我解决了它：

const snackbarElement = document.querySelector(".mdc-snackbar");
this.snackbar = new MDCSnackbar(snackbarElement);

snackbarElement.addEventListener("MDCSnackbar:closed", (event) => {

之前，我试图将eventListener添加到snackbar本身，我看到了这一点，但没有发现文档足够清晰，无法告诉我正确的方法。我坚持监听并将调试器传递到回调中，它从未触发
this.snackbar.addEventListener（'MDCSnackbar:closed'，（）=>{debugger}）
是我使用的代码，但没有成功。我也尝试了'window.addEventListener（'MDCSnackbar:closed'，（）=>{debugger；}）`我使用以下命令初始化snackbar：
this.snackbar=newmdcsnackbar（document.queryselectoral（“.mdc snackbar”）您知道我如何向其中添加事件侦听器吗？这里的文档不清楚我看到了，但是没有找到足够清晰的文档来告诉我正确的方法。我坚持监听并将调试器传递到回调中，它从未触发
this.snackbar.addEventListener（'MDCSnackbar:closed'，（）=>{debugger}）
是我使用的代码，但没有成功。我也尝试了'window.addEventListener（'MDCSnackbar:closed'，（）=>{debugger；}）`我使用以下命令初始化snackbar：
this.snackbar=newmdcsnackbar（document.queryselectoral（“.mdc snackbar”）您知道我如何向其中添加事件侦听器吗？这里的文件不清楚