如何从聚合物纸菜单中删除菜单选项

我觉得我错过了一些显而易见的事情，但花了大部分时间试图弄清楚这一点，并失败了，所以我想现在是时候寻求帮助。如何从聚合物纸菜单中删除菜单选项

我创建了一个简短的代码片段来突出显示问题。

我试图从聚合物纸菜单中删除菜单项。但是当我删除它时，它会自动添加回来，当你选择另一个菜单项。什么是删除菜单项的正确方法？

谢谢！

<html> 
 
    <head> 
 
    <base href="https://cdn.rawgit.com/download/polymer-cdn/1.5.0/lib/"> 
 
<script src="webcomponentsjs/webcomponents-lite.min.js"></script> 
 
<link rel="import" href="paper-item/paper-item.html"> 
 
<link rel="import" href="iron-collapse/iron-collapse.html"> 
 
<link rel="import" href="paper-menu/paper-menu.html"> 
 
    </head> 
 
<body> 
 
    <paper-menu> 
 
    <paper-item>One</paper-item> 
 
    <paper-item>Two</paper-item> 
 
    <paper-item>Three</paper-item> 
 
    <paper-item>Four</paper-item> 
 
    </paper-menu> 
 
    
 
    <button onClick="document.querySelector('paper-item').remove();">Remove first menu item</button> 
 
</body> 
 
    </html>

来源

2016-12-05 RLHawk

我在重现此错误时遇到了问题。它可能与您的标签有关。尝试检查您的控制台是否存在CORS错误 –

我实际上并没有在自己的代码中使用它，但无法弄清楚如何使用代码片段，因为聚合物元素使用相对路径进行未来导入。该代码片段适用于Chrome，Edge和Firefox。点击按钮后，您是否尝试点击菜单项？ – RLHawk

我现在看到了这个问题。应该更仔细地阅读这个问题 –

至少与聚合物1（其使用的是），则通常通过聚合物对象manipulate DOM：

<button onClick=" Polymer.dom(document.querySelector('paper-menu')).removeChild(document.querySelector('paper-item'));">Remove first menu item</button>

作品。

来源

2016-12-05 23:56:24 Bruce

如何从聚合物纸菜单中删除菜单选项

回答

相关问题