Polymer 聚合物核心按钮链接

这似乎是一个非常愚蠢的问题，但我如何制作一个指向网页的按钮链接

我试过以下方法

<paper-button raisedButton class="colored" iconSrc="http://g.twimg.com/Twitter_logo_white.png"><a href="http://twitter.com/username" target="_blank">follow</a></paper-button>


<paper-button raisedButton class="colored" iconSrc="http://g.twimg.com/Twitter_logo_white.png" link="http://twitter.com/username">follow</paper-button>

跟随

onclick怎么样

<paper-button raisedButton label="test" onclick="javascript:alert('f')"></paper-button>

---

这可能有点过头了，但却相当糟糕。 您可以使用：

<paper-button 
    raisedButton 
    class="colored" 
    iconSrc="http://g.twimg.com/Twitter_logo_white.png" 
    label="Follow"
    link="http://twitter.com/username"
    on-tap="{{goLink}}"></paper-button>

---

然后，您的所有按钮都可以在点击时使用相同的link=“WHATEVER”=“{{goLink}}”属性。

我通过执行以下操作解决了这个问题：

<paper-button raisedButton class="colored" iconSrc="iconurl" onclick="window.open('url','_blank');">label text</paper-button>

标签文本

简单地说：

<a href="/#login">
    <paper-button raised>Login</paper-button>
</a>

---

对于实现搜索按钮，这里也有同样的问题，下面是我所做的：

<dom-module id="app-search">
  <paper-button>
    <a href$="[[getSearchUrl(query)]]">Search</a>
  </paper-button>

  Polymer({
    is: 'app-search',
    getSearchUrl: function(query) {
      return '/search/' + query;
    }
  });
  </dom-module>
});

聚合物({
是：'应用程序搜索'，
getSearchUrl:函数（查询）{
返回'/search/'+query；
}
});
});

（使用聚合物1.0.6）

---

在我使用的聚合物版本（1.2）中，您可以简单地执行以下操作：

<a href="http://google.com"><paper-button raised>Account</paper-button></a>

---

我认为这种简单性从Polymer 1.0开始就可以使用。

在我尝试的过程中，我添加了

onclick=“window.location.href='your_url'

，非常有效

以下是一个例子：

 <paper-icon-button icon="arrow-back" onclick="window.location.href='/personal'">

---

只需更改您想要的url！

您所说的“在您的脚本中”是什么意思？很抱歉反应太晚。我是说在您的标记中定义了您的元素。向上投票，但现在有一个更简单的解决方案（检查下面）@Rexford它与现代版的Polymarjavascript在聚合物元素中几乎不起作用。对我不起作用，最后一次聚合物释放。

 <paper-icon-button icon="arrow-back" onclick="window.location.href='/personal'">