聚合物火父元素

时间:2017-07-01 22:21:03

标签: javascript javascript-events polymer polymer-1.0

如何从其子元素触发父元素on-tap函数?

<div class="parent-el" item-index="[[index]]" on-tap="openItem">
    <div>[[item.name]]</div>
</div>

我尝试为孩子创建不同的功能来解雇父母。

<div on-tap="openItem2">[[item.name]]</div>

openItem2: function(e) {
  var parent = e.target.parentNode;
  this.fire('openItem', parent);
}
// Nothing happens on this

openItem2: function(e) {
  var parent = e.target.parentNode;
  this.openItem(parent);
}
// Outputs error

我仍然是Polymer的新手,但仍然感到困惑。

1 个答案:

答案 0 :(得分:1)

无需获取父级并触发其功能。默认情况下,如果您未使用event.propagation停止,event.stopPropagation()将转到父级。所以,只需要一个父函数。

openItem: function(e){
  // write your logic
}