如何使用litElement在网格行/单元格上挂起处理程序？

import { LitElement, html, css } from 'lit-element';

class GridComponent extends LitElement {
  static styles = css`
    /* 定义组件的样式 */
  `;

  @queryAll('.grid-row, .grid-cell')
  gridElements;

  @eventOptions({ passive: true })
  suspendHandler(event) {
    // 处理挂起事件
  }

  @eventListener('click')
  handleClick(event) {
    this.suspendHandler(event);
  }

  render() {
    return html`
      <!-- 渲染组件的模板 -->
      <div class="grid-row">
        <div class="grid-cell"></div>
        <div class="grid-cell"></div>
        <div class="grid-cell"></div>
      </div>
      <div class="grid-row">
        <div class="grid-cell"></div>
        <div class="grid-cell"></div>
        <div class="grid-cell"></div>
      </div>
      <div class="grid-row">
        <div class="grid-cell"></div>
        <div class="grid-cell"></div>
        <div class="grid-cell"></div>
      </div>
    `;
  }
}

customElements.define('grid-component', GridComponent);

// 在应用程序中使用
const gridComponent = document.createElement('grid-component');
document.body.appendChild(gridComponent);