聚合物函数调用，但没有结果

Polymer function call but no result

本文关键字：结果 函数调用 聚合物      更新时间：2023-09-26

老问题：如何调用聚合物函数？(检查编辑，我不想在这里塞代码(

重写：

我有一个<core-scaffold>，我想调用togglePanel()函数。(这位于project_root/index.html。我使用：

<core-icon-button onclick="document.querySelector('core-scaffold').togglePanel();"
icon="drawer></core-icon-button>
在

Chrome的检查器中，我可以看到这不会导致任何错误，但它在屏幕上没有任何作用。我的代码在project_root/bower_components/core-scaffold/core-scaffold.html中调用此函数：

togglePanel: function() {
  this.$.drawerPanel.togglePanel();
}

这反过来又在project_root/bower_components/core-drawer-panel/core-drawer-panel.html中调用此函数：

togglePanel: function() {
  this.selected = this.selected === 'main' ? 'drawer' : 'main';
}
我要么天

真无邪，没有经验地看到问题，要么有一个可怕的复杂错误。任何帮助将不胜感激！

我也遇到了这个问题。 问题是closeDrawer((，openDrawer((和togglePanel((仅在屏幕大小小于responseWidth的值时才可用。

我认为逻辑是，如果你有屏幕空间，你总是想展示抽屉。 当然，这可以通过扩展核心抽屉面板和创建自定义核心脚手架实现来调整。

您可以使用查询选择器直接获取元素，并在 onclick 上调用其方法，就像其他 html 页面一样 

<button onclick="document.querySelector('core-drawer-panel').togglePanel();">toggle drawer</button>

更改核心抽屉面板中的已发布属性.html forceNarrow=true
请参阅聚合物导航抽屉面板上的@调用功能

相关文章：