我尝试使用ES6类来设置UI组件,目前正在使用该模式,这对我来说有点新鲜。
我想将click事件绑定到DOM元素上,以便我可以调用关联的方法。
以下是我到目前为止所获得的内容,但该方法未被正确调用,我得到了一个TypeError。另外,我可以想象我的index.js文件在大型项目中变得非常臃肿和混乱,是否有更好的方法?任何其他建议将不胜感激?
header.js
export default class Header {
constructor(element) {
element.addEventListener('click', () => this._clicked());
}
_clicked() {
console.log("clicked the Header Component");
console.log(this);
this.classList.add('hidden');
}
}
index.js
import Header from '/javascripts/Header';
$(function(){
var HeaderElement = document.getElementsByClassName('city-picker');
new Header(HeaderElement);
});