javascript - JS中如何检测MDC Snackbar是否关闭?

标签 javascript vue.js material-design snackbar mdc-components

我正在使用 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/

相关文章:

android - AppCompat v21 微调器样式

javascript - 如何避免 'frame got detached' 错误异步验证或使用 Puppeteer 重定向?

javascript - 如何在 IE 中复制内联样式元素?

typescript - 如何向 Typescript 商店内的 Quasar 项目添加通知

npm - Vue 监听 Vuex 提交?

android - AppBarLayout 背景

javascript - 单个socks5授权并使用node.js发出多个请求

javascript - Flash 对象未正确嵌入 IE 中

javascript - 在 Vuex 模块中进行继承的方法

Android Material 设计 - LinearLayout elevation