个人中心
gpt4 book ai didi

polymer - 纸下拉菜单默认选择的选项不起作用

转载 作者：行者123 更新时间：2023-12-04 16:52:36 24 4
gpt4 key购买 nike

我的期望是在页面加载后默认选择“选项 1”。这不是正在发生的事情。相反，它显示标签，而不是基于纸张项目值属性的选定选项。

<paper-dropdown-menu name="dropdown" label="Dropdown" selected='1' valueattr='value'>
    <paper-dropdown class="dropdown">
        <core-menu class="menu">
            <paper-item value="1">Option 1</paper-item>
            <paper-item value="2">Option 2</paper-item>
        </core-menu>
    </paper-dropdown>
</paper-dropdown-menu>

最佳答案

selected属性可以与扩展 <core-selector> 的元素结合使用控制选择的内容。在您在示例中使用的一组元素中， <core-menu> 是一个扩展 <core-selector> ，所以你需要设置 selected属性在那个。

这是一个按预期工作的修改示例:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Polymer Demo</title>
  </head>
  <body>
    <script src="//www.polymer-project.org/webcomponents.js"></script>
    <link rel="import" href="//www.polymer-project.org/components/paper-dropdown-menu/paper-dropdown-menu.html">
    <link rel="import" href="//www.polymer-project.org/components/paper-dropdown/paper-dropdown.html">
    <link rel="import" href="//www.polymer-project.org/components/core-menu/core-menu.html">
    <link rel="import" href="//www.polymer-project.org/components/paper-item/paper-item.html">
    
    <h1>Dropdown Menu</h1>
    <paper-dropdown-menu label="Select an item">
      <paper-dropdown class="dropdown">
        <core-menu class="menu" selected="1" valueattr="value">
          <paper-item value="1">Option 1</paper-item>
          <paper-item value="2">Option 2</paper-item>
        </core-menu>
      </paper-dropdown>
    </paper-dropdown-menu>
  </body>
</html>


请注意，您还需要设置 valueattr="value" 在 <core-menu>表示每个 <core-menu> children 有 value与将传递给 select 的内容相对应的属性集属性。 (默认值为 valueattr="name"，这将要求您在每个 name 上设置 <paper-item> 属性。)

关于polymer - 纸下拉菜单默认选择的选项不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27299934/

24 4 0
文章推荐： ruby-on-rails - 设计Omniauth + Linkedin错误。 “Not found. Authentication passthru”
文章推荐： dynamic - 如何使用 Protractor API 而不是配置文件来设置 Protractor (v1.4.0)baseUrl？
文章推荐： haskell - GHC 管道 : Core, STG - AST 还是文本？
文章推荐： ios - FetchAssetsWithLocalIdentifiers 返回空数组