无法更改纸抽屉面板 Polymer 1.0 上的抽屉宽度

Question

这是非常基本的，但我不知道这是一个错误还是我哪里有问题。我无法更改纸抽屉面板中抽屉的宽度。在文档页面中指定添加属性 drawerWith。这是一些代码：

<dom-module id="my-app">
<template>
<style>
:host {
display: block;
}
</style>

<paper-drawer-panel drawerWidth="300px">
<!--  Nav Bar -->
<section drawer>
<!-- Logo -->
<div id="logoContainer">
<img id="logo" src="../img/logo.png">
</div>
</section>

<!--  Content  -->
<paper-header-panel main>
<paper-toolbar>
<paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
<div class="flex">My App</div>
</paper-toolbar>
</paper-header-panel>

</paper-drawer-panel>

</template>

<script>
// element registration
Polymer({
is: "my-app",

});
</script>

</dom-module>

Answer 1

这应该有效：

<paper-drawer-panel drawer-width="300px">

Here 您可以找到有关它的文档。

Attribute names with dashes are converted to camelCase property names by capitalizing the character following each dash, then removing the dashes. For example, the attribute first-name maps to firstName.

因此，在文档中说 drawerWidth 当您在元素中使用它时必须是：drawer-width

无法更改纸抽屉面板 Polymer 1.0 上的抽屉宽度

Can't change drawerWidth on paper-drawer-panel Polymer 1.0

polymer-1.0