Question

我知道有很多关于通过javascript访问shadow DOM中的变量的例子，但是，在尝试了很多组合之后，我仍然无法在下面的示例中获得当前所选名称的值，这是一个包裹在纸张下拉菜单中的核心菜单，包裹在纸质菜单按钮中（包裹在核心工具栏中）。

<paper-menu-button halign="right">
  <paper-icon-button icon="social:person"></paper-icon-button>
     <paper-dropdown class="dropdown" halign="right">
        <core-menu id="userselection" class="menu" selected="1" selectedItem="{{userName}}">
            <template repeat="{{s in users}}">
                <core-item label="{{s.name}}"></core-item>
            </template>
        </core-menu>
     </paper-dropdown>
</paper-menu-button>

所以基本上，在我的javascript中，我试图获取当前选中的{{s.name}}值。

我的javascript文件以以下内容开头：

var app = document.querySelector('#app');

我尝试过这样的事情：

this.$.userselection.selected.value, and
app.$.userselection.selected.value, and
this.shadowRoot.querySelector('#userselection').selected.value, and
app.$.userselection.selected.value; and
app.shadowRoot.querySelector('#userselection').selected.value

这些都不起作用。

列表中的第四个（例如）导致此错误：“未捕获的TypeError：无法读取未定义的属性'userselection'”

如何访问Polymer元素的选定值

0 个答案: