Polymer Core-Button-Link

Das scheint eine wirklich dumme Frage, aber wie mache ich einen Button Link zu einer Webseite?Polymer Core-Button-Link

habe ich versucht, die folgende

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

Quelle

2014-07-08 jxn

Was Onclick?

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

Quelle

2014-07-08 09:21:07

Javascript funktioniert in Polymer-Elementen kaum. Nicht für mich gearbeitet, letzte Polymerfreigabe. – Strikki

Dies könnte over-the-top sein, aber ziemlich Polymer-ey. Sie verwenden:

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

Dann in Ihrem Skript haben:

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

Dann werden alle Ihre Tasten einfach die gleiche link = "UNABHÄNGIG" on-Tap verwenden = "{{GoLink}}" Attribute.

Quelle

2014-07-08 12:45:19 Cram42

Was meinst du mit "in deinem Skript"? – jxn

Entschuldigung für die späte Antwort. Ich meine in Ihren

gleiche Problem hier für die Implementierung einer Suche Taste, hier ist was ich getan habe:

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

(mit P olymer 1.0.6)

Quelle

2015-07-14 23:20:00 vinyll

In Polymer-Version Ich bin mit (1.2), können Sie dies einfach tun:

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

Ich denke, diese Einfachheit als Polymer 1.0 erhältlich ist.

Quelle

2015-12-03 13:12:11

Als ich versuche, ich hinzufügen onclick="window.location.href='your_url' arbeiten nur

hier ein Beispiel:

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

nur url ändern, was Sie wollen!

Quelle

2015-12-25 08:43:29 Zero

Verwandte Themen