web-component - 点亮模板中的 vaadin-item @click 事件

Question

我正在尝试为 vaadin-grid-pagination 项目构建一个页面大小选择器，并在此过程中提出了一个使用 vaadin-dropdown-menu webcomponents 的设计，如下所示：

<vaadin-dropdown-menu label="Page Size">
  <template>
    <vaadin-list-box>
      <vaadin-item @click="${event => this.setLimit(10)}">10</vaadin-item>
      <vaadin-item @click="${event => this.setLimit(25)}">25</vaadin-item>
      <vaadin-item @click="${event => this.setLimit(50)}">50</vaadin-item>
      <vaadin-item @click="${event => this.setLimit(100)}">100</vaadin-item>
   </vaadin-list-box>
 </template>
</vaadin-dropdown-menu>

我遇到的问题是@click 事件似乎没有被触发。在之前的尝试中，我使用了 shibui-dropdown webcomponent 来实现相同的目标，并且该组件运行良好，我能够使用 @click 事件传递在 UI 中选择的值。

我选择使用 vaadin 的原因是它具有一般 vaadin 主题的外观和感觉，并且整体看起来会更好。

无法触发@click事件我做错了什么？