Question

我需要禁用打开/关闭聚合物的paper-dropdown-menu元素时发生的所有动画。文档：https://www.webcomponents.org/element/@polymer/paper-dropdown-menu/elements/paper-dropdown-menu#property-noAnimations

文档显示该元素具有一个noAnimations属性，我应该可以将其设置为true以禁用所有动画，但是它对我不起作用。

        <paper-dropdown-menu
          noAnimations="true"
          selected="{{selected}}"
          attr-for-selected="name"
          vertical-offset="60"
        >
          <paper-listbox slot="dropdown-content" selected="1">
            <template is="dom-repeat" items="{{sections}}">
                <paper-item name$="{{item}}">{{item}}</paper-item>
            </template>
          </paper-listbox>
        </paper-dropdown-menu>

我希望设置noAnimations="true"会禁用所有动画，但不会。我想念什么吗？

Answer 1

聚合物属性格式始终为小写并以破折号分隔；所以尝试：

<paper-dropdown-menu
  no-animations="true"
  selected="{{selected}}"
  attr-for-selected="name"
  vertical-offset="60"
>
...

相反：

    <paper-dropdown-menu
      noAnimations="true"
      selected="{{selected}}"
      attr-for-selected="name"
      vertical-offset="60"
    >

如何禁用聚合物的paper-dropdown-menu元素的动画？

1 个答案: