如何从内联事件处理程序中获取自定义元素成员变量？

Question

因为我想保持自定义元素自包含，所以我想避免在window 对象上放置对成员变量的引用。

customElements.define( 'component-one', class extends HTMLElement {
    connectedCallback() {
        this.memberVariable="This is a member variable";
        this.innerHTML = "<button onclick='//How do I reference the above this.memberVariable here?'>This is a button</button>";
    }
}):

Answer 1

我相信这样的事情会有所帮助-：

customElements.define( 'component-one', class extends HTMLElement {
    connectedCallback() {
        var self = this;
        this.memberVariable="This is a member variable";
        this.innerHTML = "<button onclick='self.memberVariable // use this variable as required'>This is a button</button>";
    }
}):