在移动设备上正常工作时app.route无法在浏览器中工作--Polymer1.0

Question

我有聚合物1.0应用程序。在我的routing.html文件中，我有以下路由配置。

        page('/applications', function () {
          app.route = 'Applications';      
        });  

        page('/claims', function () {
          app.route = 'Claims';
        });

我在index.html文件中应用了数据路由attr来映射相应的部分。

对于Ex：

<a data-route="Claims" href="/claims">
              <iron-icon icon="report-problem"></iron-icon>
              <span>Claims</span>
            </a>

           <section data-route="Claims">
             <div class="vertical layout center">
                <div>                
                  <p>Getting Claims...</p>
                  <paper-progress value="10" secondary-progress="30" class="" indeterminate elavation="4"></paper-progress>
                </div>
              </div>
            </section>

因此，当我尝试通过函数更改路径时，会出现主要问题。在我的情况下，我在paper-fab tab事件上调用一个函数

我想在用户点击纸制工厂时改变路线，为此我定义了一种方法＆＃34; createApplication＆＃34;在app.js

          app.createApplication = function() {   
            app.route = 'Create Application';
          };

和index.html文件中此路线的部分

  <section data-route="Create Application">
      <div class="vertical layout center fit">
        <p> Some content</p>
      </div>
    </section>

问题是当我点击纸张时 - 它没有在浏览器中更改路线，但相同的代码在移动设备中运行良好。