我需要 Polymer 的纸张菜单/子菜单的一些帮助。我的任务是制作具有基于纸质菜单的树结构的导航面板。所以,我对 paper-item 标签内的“menu-trigger”类有问题,我在 paper-item:icon 内有两个元素,并链接到两个不同的事件点击它们。当我单击图标时,它会折叠另一个纸质菜单,当单击链接时,它会执行另一个事件,但现在它们都折叠另一个菜单。我怎样才能分离这些事件?
PS:抱歉我的英语:)
<paper-menu>
<paper-submenu>
<!--Problem starts here-->
<paper-item class="menu-trigger">
<i class="material-icons"></i>
<a (click)="someAction()">Test 1</a>
</paper-item>
<!--And finishs here-->
<paper-menu class="menu-content sublist">
<paper-submenu>
<paper-item class="menu-trigger">
<i class="material-icons "></i>
<a>Test 1.1</a>
</paper-item>
<paper-menu class="menu-content sublist2">
<paper-item>
<a>Test 1.1.1</a>
</paper-item>
<paper-item>
<a>Test 1.1.2</a>
</paper-item>
</paper-menu>
</paper-submenu>
<paper-item>
<a>Test 1.2</a>
</paper-item>
<paper-item>
<a>Test 1.3</a>
</paper-item>
</paper-menu>
</paper-submenu>
</paper-menu>
最佳答案
只需使用一些on-tap
或on-click
事件和一些js来显示/隐藏子菜单。
关于javascript - polymer 。纸张子菜单触发器适用于纸张项目内的两个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39039132/