2014-07-08 2 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

을 시도했습니다?

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

Javascript는 폴리머 요소에서 전혀 작동하지 않습니다. 나에게 효과적이지 않은, 마지막 중합체 방출. – Strikki

21

이것은 지나치게 좋을 수도 있지만 꽤나 Polymer-ey 일 수 있습니다. 당신은 사용할 수 있습니다 : 스크립트에서 다음

<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}}" 속성.

<paper-button raisedButton class="colored" iconSrc="iconurl" onclick="window.open('url','_blank');">label text</paper-button> 
+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 으로 고분자 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'"> 

그냥 당신이 원하는 URL을 변경!

관련 문제