1

我的测试站点是聚合物入门套件的一些修改版本（高级版）

在您手动添加或其他属性之前，链接将不起作用，target="_self"即使：

  • 单击按钮时会出现涟漪效果
  • 以及出现链接指示（悬停按钮时浏览器底部边缘的微小链接）

按钮示例代码

<paper-button>
    <a href="{{baseUrl}}contact.html" target="_self">Contact</a>
</paper-button>

我的项目文件夹中有bower_components目录，app默认情况下它包含所有这些元素，但是bower <component name> install在使用之前我是否需要它或类似的东西或其他可能导致问题的东西？

4

2 回答 2

1

不确定这是否能解决您的问题，但

对于绑定href使用属性绑定语法

<a href$="{{baseUrl}}contact.html">Contact</a>

"{{baseUrl}}contact.html"否则，一些浏览器会在 Polymer 有机会解析绑定并分配计算出的 URL 之前尝试解析该值。

另请参阅本节末尾https://www.polymer-project.org/1.0/docs/devguide/data-binding.html#property-binding

有些属性很特殊。当绑定到 style、href、class、for 或 data-* 属性时，建议您使用属性绑定语法。有关更多信息，请参阅绑定到本机元素属性。

于 2016-04-21T05:56:48.500 回答
0

通常，要在页面上使用 Polymer 元素，该元素应该可以导入到页面中。这通常意味着您将完成几件事：

  1. 运行bower install --save-dev <element-name>。可以从 Polymer 元素的文档页面（左下角）复制要运行的确切 Bower 命令：

在此处输入图像描述

  1. <link>使用标签（例如， ）将元素导入页面<link rel="import" href="bower_components/iron-ajax/iron-ajax.html">。

Polymer Starter Kit 的优点之一是它的设置包括从 bower（包括）下载所有Paper Elementspaper-button。因此，在您的情况下，您无需运行bower install即可使用paper-button. 您在单击按钮时看到涟漪这一事实意味着您已经paper-button下载了元素并link导入了该元素。

测试

我只是在抽屉中附加了一个paper-button带有无目标链接的链接index.html：

<body unresolved>
...
    <paper-drawer-panel id="paperDrawerPanel">
      <paper-scroll-header-panel drawer fixed>
...
        <paper-menu attr-for-selected="data-route" selected="[[route]]">
...
          <!-- Your code below... -->
          <paper-button>
            <a href="{{baseUrl}}contact">Contact!</a>
          </paper-button>
        </paper-menu>
      </paper-scroll-header-panel>
...
</body>

它工作正常：

在此处输入图像描述

（我们需要更多上下文来确定您的问题的原因......）

于 2016-04-20T21:56:12.227 回答