Routes 如何设置'route'参数并加载新页面

我正在尝试使用Polymer Shop应用程序框架将

纸张按钮

值传递给默认路由器。

应用程序位置

和

应用程序路径

组件位于应用程序外壳和主页中。我不知道如何将数据传递到

路由

对象并刷新视图

应用程序外壳

<app-location route="{{route}}"></app-location>
<app-route
  route="{{route}}"
  pattern="/:page"
  data="{{routeData}}"
  tail="{{subroute}}"></app-route>

<iron-pages role="main" selected="[[page]]" attr-for-selected="name" selected-attribute="visible">
  <shop-home name="home"></shop-home>
  <shop-detail name="detail"></shop-detail>
</iron-pages>

主页

<paper-button id="item" value="[[item.name]]" on-tap="viewItem">[[item.name]]</paper-button>

...

viewItem() {
  this.route.path = '/detail';
  this.routeData = '/inventory/' + this.$.item.value;
}

[[item.name]]
...
viewItem（）{
this.route.path='/detail'；
this.routeData='/inventory/'+this.$.item.value；
}

附言

成功重定向到“详细信息”页面并加载数据。

为了将数据传递给route对象，将项目包装成标签，而不是按钮元素，在下面的示例中，我没有尝试将您的所有代码转换为此。我试着解释一下我的意思：（注：我为一个应用程序做了2-3周的研究，现在效果很好。）我会尝试添加一个演示

<a href="/detail/inventory/[[item.name]]"><div>[[item.name]]</div></a>

而不是：

 <paper-button id="item" value="[[item.name]]" on-tap="viewItem">[[item.name]]</paper-button>

[[item.name]]

 <paper-button id="item" value="[[item.name]]" on-tap="viewItem">[[item.name]]</paper-button>