Paper-Button如何知道单击了哪个按钮？

Question

在新的纸张按钮1.0中，我们如何判断哪个按钮被点击了？在0.5中，您检查了传递给函数的元素。

Answer 1

使用getAttributes。

setFilter: function(e) {
               var filter = e.currentTarget.getAttribute("filter");
               console.log(filter);
               var title  = e.currentTarget.getAttribute("title");
               console.log(this.obj_filters);

运作一种享受

Answer 2

我们假设您有两个这样的按钮。

<paper-button id="b1" class="clickable" on-click="buttonClick">
    button1
</paper-button>
<paper-button id="b2" class="clickable" on-click="buttonClick">
    button2
</paper-button>

然后您可以使用此功能确定单击了哪一个。

buttonClick: function (e) {
    for (var i = 0, max = e.path.length; i < max; i++) {
        if (e.path[i].classList && e.path[i].classList.contains("clickable")) {
            console.log("clicked button: " + e.path[i].id);
            return;
        }
    }
}

修改

更好的解决方案：

buttonClick: function (e) {
    console.log("clicked button: " + e.currentTarget.id);
}