0

从这里开始vaadin-item @click event in lit template我替换了

<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>

<paper-menu-button>
  <paper-icon-button icon="menu" slot="dropdown-trigger">
    </paper-icon-button>
      <paper-listbox slot="dropdown-content">
        <paper-item>10</paper-item>
        <paper-item>25</paper-item>
        <paper-item>50</paper-item>
        <paper-item>100</paper-item>
    </paper-listbox>
  </paper-menu-button>     

我现在面临的问题是,当单击打开选择下拉菜单的菜单图标时,我在 javascript 控制台中出现动画异常:

vaadin-bundle-f3342f1907b875298b7b.cache.js:7198 无法播放(淡入动画)。TypeError: document.timeline.play is not a function at HTMLElement._configureAnimations (vaadin-bundle-f3342f1907b875298b7b.cache.js:7198) at HTMLElement.playAnimation (vaadin-bundle-f3342f1907b875298b7b.cache.js:7198) at HTMLElement._renderOpened ( vaadin-bundle-f3342f1907b875298b7b.cache.js:7228) 在 HTMLElement.__openedChanged (vaadin-bundle-f3342f1907b875298b7b.cache.js:7198) 在 HTMLElement。(vaadin-bundle-f3342f1907b875298b7b.cache.js:7198)

不确定可以做些什么来解决这个问题。

4

0 回答 0