html - 带有“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 属性绑定，而不是 Polymer 元素属性。

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