how to pass parameter to listener?

.bind must not be used in templates, a method should be passed directly like ${this.myMethod} as it will be bound automatically.eslint(lit/no-template-bind)

So, what is the best practice to pass parameters to an event listener?

[Westbrook]

The most immediate version of what you’re attempting is to use fat arrow syntax in this context:

return html`
    <button @click=${() => this.cancelClick_cb(record)}></button>
`;

[qqiao]

I thought the simplest would just be:

// Pseudo code
<button record='${record}' @click="clickHandler">

clickHandler(e) {
    const target = e.target;
    if ('BUTTON' != target.tagName) return;
    const record = target.record;
    // do the rest
}