当在 lit-element 上抛出 @click 时如何将属性发送到回调？

Question

我尝试在 lit-element 中的组件上触发点击事件时执行回调，它可以接收特定值：

this.list.map(item => html`
  <button @click=${this._handleClick}></button>
`)

_handleClick(e){
console.log(item);
}

如何在 _handleClick 回调范围内获取项目？

Answer 1

最简单的做法是为捕获项目的点击处理程序创建闭包：

this.list.map((item) => html`
  <button @click=${() => this._handleItemClick(item)}></button>
`)

_handleItemClick(item) {
  console.log(item);
}

How to send properties to a callback when @click is thrown on lit-element?