Javascript 如何使用polymer.js切换元素的隐藏/显示

在html页面中有两种类型的纸卡元素

<paper-card done> 
<paper-card>

还有一个按钮

<paper-icon-button icon="menu" on-tap="_show"></paper-icon-button>

---

我想使用

\u show

功能设置

的样式以切换其视图状态，即在

无

和

块

之间切换

显示

。如何使用聚合物来做到这一点？谢谢。

在polymer中隐藏/显示某些内容的最快方法是使用带有布尔属性和绑定的“hidden”属性。这里有一个例子

<paper-card done hidden$="[[hideDone]]"> 

在您的“\u show”函数中，应该可以做到这一点：）

---

要再次显示它，只需再次将属性设置为false，依此类推。

在polymer中隐藏/显示某些内容的最快方法是使用带有布尔属性和绑定的“hidden”属性。这里有一个例子

<paper-card done hidden$="[[hideDone]]"> 

在您的“\u show”函数中，应该可以做到这一点：）

---

要再次显示它，只需再次将属性设置为false，依此类推。

您也可以使用它。hideDone=true；？我的情况也一样。但问题是，'this.set（'hideDone'，true'）似乎并没有真正更新变量，因为在这之后，我做了'console.log（hideDone'），然后它说hideDone没有定义。有人知道吗？当使用this.set（）时，该变量在组件的'this'变量中更新，因此它是'console.log（this.hideDone）'您必须记录您是否也使用了这个。hideDone=true；？我的情况也一样。但问题是，'this.set（'hideDone'，true'）似乎并没有真正更新变量，因为在这之后，我做了'console.log（hideDone'），然后它说hideDone没有定义。有人知道吗？当使用this.set（）时，该变量会在组件的“this”变量中更新，因此必须执行“console.log（this.hideDone）”操作