2014-07-08 71 views
8

这似乎是一个非常愚蠢的问题,但我该如何做一个网页的按钮链接?聚合物核心按钮链接

我已经试过以下

<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> 

回答

7

什么的onclick?

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

Javascript在聚合物元素中几乎不起作用。没有为我工作,最后Polymer释放。 – Strikki

21

这可能是过于顶端,但相当聚合物。 你可以使用:

<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> 
在脚本

然后有:

Polymer('element-name', { 
    goLink: function(e) { 
     window.location.href = e.target.getAttribute('link'); 
    } 
}); 

然后所有的按钮可以只使用同一个链接= “无所谓” 的抽头= “{{goLink}}”属性。

+0

“你的脚本中”是什么意思? – jxn

+0

对不起,迟到的回应。我的意思是在你的元素被定义的

0

同样的问题,这是我做的:

<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> 
}); 

(使用P olymer 1.0.6)

8

聚合物的版本我使用(1.2),你可以简单地这样做:

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

我觉得这个简单已经可以作为聚合物1.0。

0

当我尝试,我想补充onclick="window.location.href='your_url'只是工作

这里有一个例子:

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

只是改变你想要的网址!