聚合物核心按鈕鏈接

這似乎是一個非常愚蠢的問題，但我該如何做一個網頁的按鈕鏈接？聚合物核心按鈕鏈接

我已經試過以下

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

來源

2014-07-08 jxn

什麼的onclick？

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

來源

2014-07-08 09:21:07

Javascript在聚合物元素中幾乎不起作用。沒有爲我工作，最後Polymer釋放。 – Strikki

這可能是過於頂端，但相當聚合物。你可以使用：

<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}}」屬性。

來源

2014-07-08 12:45:19 Cram42

「你的腳本中」是什麼意思？ – jxn

對不起，遲到的迴應。我的意思是在你的元素被定義的

同樣的問題，這是我做的：

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

來源

2015-07-14 23:20:00 vinyll

聚合物的版本我使用（1.2），你可以簡單地這樣做：

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

我覺得這個簡單已經可以作爲聚合物1.0。

來源

2015-12-03 13:12:11

當我嘗試，我想補充onclick="window.location.href='your_url'只是工作

這裏有一個例子：

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

只是改變你想要的網址！

來源

2015-12-25 08:43:29 Zero

相關問題

聚合物核心按鈕鏈接

回答

相關問題