事件绑定 - ES6类

时间:2018-01-03 16:45:10

标签: javascript ecmascript-6 es6-class

我尝试使用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);
});    

0 个答案:

没有答案
相关问题