如何从其子元素触发父元素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的新手,但仍然感到困惑。
答案 0 :(得分:1)
无需获取父级并触发其功能。默认情况下,如果您未使用event.propagation
停止,event.stopPropagation()
将转到父级。所以,只需要一个父函数。
openItem: function(e){
// write your logic
}