如何從聚合物紙菜單中刪除菜單選項

我覺得我錯過了一些顯而易見的事情，但花了大部分時間試圖弄清楚這一點，並失敗了，所以我想現在是時候尋求幫助。如何從聚合物紙菜單中刪除菜單選項

我創建了一個簡短的代碼片段來突出顯示問題。

我試圖從聚合物紙菜單中刪除菜單項。但是當我刪除它時，它會自動添加回來，當你選擇另一個菜單項。什麼是刪除菜單項的正確方法？

謝謝！

<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

如何從聚合物紙菜單中刪除菜單選項

回答

相關問題