我在html页面中有两种纸卡元素
<paper-card done>
<paper-card>
还有一个按钮
<paper-icon-button icon="menu" on-tap="_show"></paper-icon-button>
我想使用 _show
设置<paper-card done>
样式的函数切换其 View 状态,即切换 display
在 none
之间和 block
.如何使用 polymer 来做到这一点?谢谢。
最佳答案
在 polymer 中隐藏/显示某些东西的最快方法是使用具有 bool 属性和绑定(bind)的“隐藏”属性。这是一个例子。
<paper-card done hidden$="[[hideDone]]">
等号前的“$”是为了告诉 polymer 它是一个 bool 属性并相应地处理它。
那么你所要做的就是一个
this.set('hideDone', true)
在您的“_show”函数中,这应该可以解决问题:)
要再次显示,只需再次将属性设置为 false,依此类推。
关于javascript - 如何使用 polymer.js 切换元素的隐藏/显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41528900/