我正在使用 Material Design 的 Snackbar 和 VueJS,我希望能够检测到 Snackbar 何时关闭。
Snackbar 有一个名为 isOpen 的内置属性,因此我可以使用 return this.snackbar.isOpen;
作为 bool 值。但是,没有类似的 isClosed
属性,当 snackbar 关闭时,isOpen
仍然为 true。
似乎 isOpen
对关闭没有反应,而只是对打开有反应。但我希望当 snackbar 在打开后关闭时触发一些东西。如有任何建议,将不胜感激
我像这样初始化我的 snackbar :
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 添加到 snackbar 本身 🙈
关于javascript - JS中如何检测MDC Snackbar是否关闭?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54216309/