HTML 带有 `vaadin-grid` 的数据属性

Question

我正在尝试从网格中获取数据以传递到另一个元素中。我在想使用 HTML 数据属性可能是一个很好的方法。

https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

但是，数据属性没有设置，我在 DevTools 中看不到它们。

<vaadin-grid items="[[data]]">
  <vaadin-grid-column>
    <template class="header">
      <h3>Favorite</h3>
    </template>
    <template>
      <paper-button on-tap="getData"
        data-id="[[item.itemId]]"
        data-desc="[[item.description]]">Go</paper-button>
    </template>
  </vaadin-grid-column>
</vaadin-grid>

.....

getData(e) {
  console.log(e.target.dataset.description);
}

如何 select 来自 table 的多条数据在一个函数中使用？

有关更多上下文：我正在尝试从 table 中获取数据并在 AJAX 调用中作为参数传递。

Answer 1

根据@umbo 的更正，

事件使用 HTML 属性绑定，而不是 Polymer 元素属性。

getData(e) {
  console.log(e.target.dataset.desc);
}