高分子火parent元素

Question

如何从 child 中触发 parent 元素 on-tap 函数？

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

我已经尝试为 child 创建不同的函数来触发 parent。

<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 还是个新手，仍然感到困惑。

Answer 1

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

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

高分子火parent元素

Polymer fire parent element

javascript

polymer

dom-events

polymer-1.0