JS类绑定类变量

时间:2019-01-01 21:05:13

标签: javascript class variables binding

我有一个Javascript类,在该类中,我在构造函数中初始化了一些类变量,并绑定了click事件,如果click方法被调用,则尝试获取已声明的变量,但每次未定义时都返回

class Tabs  {
    constructor() {
        this.tabLinks = document.querySelectorAll('[data-tab]')

        let self = this
        if( this.tabLinks.length > 0 ) {
            this.tabContainer = document.querySelectorAll('[data-target]')
            this.tabLinks.forEach((el) => {
                el.addEventListener("click", self.setActiveTab, false);
            } )
        }

        return

    }

    setActiveTab(e) {
        e.preventDefault()
        let currentEl = e.target
        console.log(currentEl)
        console.log(this.tabLinks) // Is undefined

        Tabs.tabLinks.forEach((el) => {
            el.classList.remove("is-active")
        } )


    }
}

export default Tabs

在这种情况下我该怎么做?

0 个答案:

没有答案