我正在尝试访问 Polymer 自定义元素中包含的 Javascript 方法,<general-element>
.该元素包含打开和关闭面板的函数。
此通用元素在更具体的元素中使用,例如:<specific-element></specific-element>
.特定元素包含一般元素并向其添加属性,即:面板标题等。
但是,当使用 <specific-element>
时在一个页面中,我无法通过它调用任何打开/关闭方法。我是不是以错误的方式处理这个问题,有没有办法做到这一点?
编辑:代码示例
删除了一些 Polymer 代码 - 示例只是为了展示元素如何协同工作
一般元素:
<dom-module id="general-element">
<template>
// Code to define a slide-in panel
</template>
<script>
_openPanel: function() {
//Apply class to make panel visible
},
_closePanel: function() {
// Apply class to hide panel
}
</script>
</dom-module>
特定元素:
<dom-module id="specific-element">
<template>
<general-element title="Administration Panel" >
<h1>Hello</h1>
</general-element>
</template>
</dom-module>
用法:
<dom-module id="admin-page">
<template>
<button on-click="openPanel"></button>
<specific-element></specific-element>
</template>
<script>
openPanel: function() {
// Trying to call general-element _openPanel method
}
</script>
</dom-module>
我在这里尝试做的是调用 openPanel 行为,如 general-element 中所述。这是因为面板将在多个地方使用,因此继续为特定面板实现打开/关闭方法没有意义,因为它们将以相同的方式工作。
最佳答案
这应该可行
openPanel: function() {
// Trying to call general-element _openPanel method
$$('specific-element').$$('general-element')._openPanel();
}
关于javascript - 在嵌套的 Polymer 自定义元素中访问 JavaScript 方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36423040/