Question

可能它不可能，但我充满了希望。

我正在尝试学习ECMA 6，刚刚进入“课程”。现在我的类返回一些带有按钮的HMTML getHTML()。现在我正试图绑定一个事件并触发另一个函数。

getHTML() {
    return `
        <button id="${ this.getId(false) }" class="btn btn-default" 
        onclick="${ this.setActive()}">${ this.getName() }</button>
    `
}

我的第二个功能，我想要火，看起来像这样：

setActive() { 
    this.getActive() ? this.isActive = false : this.isActive = true;
    alert(this.getActive()); 
}

oncklick = ...是我的尝试，但它最重要的工作（会想到谁？）。

有没有机会让它发挥作用？

Answer 1

你有效地返回了一个字符串。

`<button onClick="${this.doSomething()}"></button>`

将直接致电this.doSomething()，并在结果中插入返回值.toString()。

示例：

function test () { console.log('###') }

const f = `test=${test()}`

// logs ###

console.log(f) //"test=undefined"

我想你想在Button上添加一个Event Listener，但是你需要先将String转换为DOM节点。

ECMA类 - 返回HTML和fire（类）函数

1 个答案: