我试图仅使用ES6构建几个简单的组件,例如警报,选项卡,对话框,并且发现很难找到定义所需JavaScript类的标准方法。
我的代码如下所示;它有效,但是我不知道这是否是合适的方法。谁能指出我正确的方向?
class Notice {
select() {
this.notices = document.querySelectorAll(".c-notice");
this.notices.forEach(notice => {
notice.addEventListener("click", () => {
this.dismiss(event.target.closest(".c-notice"));
});
});
}
dismiss(element) {
element.classList.add("u-display-none");
}
}
let notice = new Notice();
notice.select();
export default Notice;