聚合多個相似的元素和點擊事件

Question

我正在嘗試構建一個具有這樣的div的定制聚合物元素

<core-menu>
    <paper-item on-tap={{openPage}}><core-icon icon="add"></core-icon> Add Issues</paper-item>
    <paper-item on-tap={{openPage}}><core-icon icon="view-list"></core-icon> View Issues</paper-item>
    <paper-item on-tap={{openPage}}><core-icon icon="lock"></core-icon>Logout</paper-item>
</core-menu>

而這個openPage函數需要提供這種操作

 openPage: function(event, details, sender) {
        console.log("open page called item "+ item);
 }

我不確定如何點擊該項目。 比方說，如果我點擊Logout項目，我希望item的值是一個數字，就像可以說第n個paper-item被點擊的東西一樣。

我不知道如何從event或details或sender獲取此值。

提前致謝

Answer 1

你可以這樣做：

<core-menu>
   <paper-item data-action-id="1" on-tap={{openPage}}><core-icon icon="add"></core-icon> Add Issues</paper-item>
   <paper-item data-action-id="2" on-tap={{openPage}}><core-icon icon="view-list"></core-icon> View Issues</paper-item>
   <paper-item data-action-id="3" on-tap={{openPage}}><core-icon icon="lock"></core-icon>Logout</paper-item>
</core-menu>

接着：

openPage: function(event, details, sender) {
    console.log("open page called item "+ sender.target.attributes["data-action-id"]);
}

“sender.target”正在返回紙質項目