Polymer：从其中一个视图调用主应用页面中的元素属性

Question

我正在使用聚合物入门套件，在我的主页面（我的应用程序）中，我有一个隐藏的div元素，我希望在其中一个应用程序视图中单击显示。我使用了这个语法。$。elementId.style =“display：block;”但它返回的错误元素未定义。有没有办法从其中一个视图中获得此值？

Answer 1

我不知道您使用的是哪种聚合物，但这是聚合物2.0的方法。为了使子元素与父元素进行通信，您需要使用事件。您需要在view元素中调度一个事件，并在my-app元素中监听事件，如下所示：

查看元素方法

buttonClicked() {
    this.dispatchEvent(new CustomEvent('button-clicked'))
}

my-app元素

<my-view on-button-clicked="hideDiv"></my-view>

my-app元素方法

hideDiv() {
    this.$.elementId.style.display = "hidden"
}