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

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);
}

如何从表中选择多个数据以在函数中使用？

更多上下文：我试图从表中获取数据并在AJAX调用中作为参数传递。

Answer 1

根据@umbo的更正

事件使用HTML属性绑定，而不使用聚合物元素属性。

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