Question

我试图强制抽屉芯抽屉面板关闭聚合物。目前我有一个核心抽屉面板作为我定义的自定义元素的一部分。我尝试过以下方法：

＆＃34;抽屉＆＃34;是core-drawer-panel元素的ID。

<core-drawer-panel id="drawer" drawerWidth="155px" touch-action="pan-y" selected="main" narrow>

Polymer({
   ready: function(){
      this.$.drawer.togglePanel();
      this.$.drawer.closePanel();
   }
});

上述两个功能中的任何一个似乎都没有触发抽屉在开始时关闭，或者似乎完全触发抽屉。他们确实正确地引用了该功能。我尝试console.log(this.$.drawer.togglePanel);并打印出正确的功能。除了执行一些CSS hackery，任何人都可以告诉我我可能做错了什么？

我能够通过强制缩小布局来实现这一点，例如forceNarrow="true"，但这似乎无法有效解决我的问题。

编辑：我也看到了这个相关的post。但是，强制响应宽度似乎无法解决问题......

Answer 1

嗯，据我所知，togglePanel();和closeDrawer()仅在核心抽屉面板元素处于狭窄模式时才有效。

为了强制你的组件处于狭窄模式，你似乎添加了narrow属性，但据我所知narrow只是一个吸气剂，即强制窄模式你应该使用{ {1}}

无论如何，forceNarrow=true事件似乎不是强迫这种行为的好地方。我尝试做相反的事情，设置ready()并在加载时打开抽屉。它不适用于forceNarrow=true，但它与ready()配合得很好。请参阅doc：https://www.polymer-project.org/docs/polymer/polymer.html#lifecyclemethods

中的元素生命周期方法

希望它有所帮助...

Answer 2

有一个没有记录的hidden财产。

只是做：

Polymer({
   ready: function(){
      this.$.drawer.hidden = true;
   }
});

聚合物，力芯抽屉面板抽屉准备好关闭

2 个答案: