Polymer 聚合物瓦丁网格布线

我有一个瓦丁网格，里面有信息。我希望网格不像其他链接那样打开对话框，而是路由到新页面

我正在使用应用程序路线，但不知道如何进入下一页

每行都有自己的ID，这是路由中应该传递的全部内容。 我想每一行都有自己的链接时，点击太多。因此，每个id都应该是localhost:8000/dashboard/{{id}}，方法是根据传递的id调用构建页面的相同元素

---

有没有一种方法可以在瓦丁网格之外实现这一点

使用

的一种方法是观察网格的属性，并在每次更改时更新URL：

1。观察

activeItem

grid属性

3。根据路径更新当前URL

• （用于客户端路由）

• （用于服务器端路由）

  window.location.pathname=this.path
  

---

此示例显示了

4，但相同的原则也适用于任何其他版本的网格。

使用

实现此目的的一种方法是观察网格的属性，并在每次更改时更新URL：

1。观察

activeItem

grid属性

3。根据路径更新当前URL

• （用于客户端路由）

• （用于服务器端路由）

  window.location.pathname=this.path
  

本例显示了

4，但同样的原则也适用于网格的任何其他版本

<vaadin-grid items="[[pages]]" aria-label="Navigation Links"
  on-active-item-changed="_onActiveItemChanged">

  <vaadin-grid-column>
    <template class="header">Grid Menu</template>
    <template>[[item.title]]</template>
  </vaadin-grid-column>

</vaadin-grid>

_onActiveItemChanged(e, detail) {
  const activeItem = detail.value;
  if (activeItem) {
    // if a grid item is selected
    this.path = `/dashboard/${activeItem.id}`;
  }
}