【问题标题】:Polymer paper-card link聚合物纸卡链接
【发布时间】:2016-11-25 07:10:09
【问题描述】:

我想将纸卡整个元素作为链接。如何正确地做到这一点?我试过这个链接:http://pastebin.com/Ch453kvK。这是正确的方法吗?实际上它改变了我应用到它的样式。

【问题讨论】:

    标签: polymer polymer-1.0 web-component paper-elements custom-element


    【解决方案1】:

    有几种方法可以实现:

    1.如果可行,您的解决方案是正确的。您也可以尝试将<a> 标签放在<paper-card> 元素内。

    2. 或者您可以在<paper-card> 上捕获click 事件,设置location.href 属性。

    document.querySelector( 'paper-card' ).addEventListener( 'click', function ()
    {
        location.href= '#link'
    } )
    

    3. 或者您可以将<paper-card> 的所有内容放在<button><paper-button> 中并在onclick 处理程序中设置location.href 属性。

    4. 正如@Adamos42 所建议的,您可以使用Polymer events

    【讨论】:

    • 我更喜欢添加on-tap="_jumpToMyURL" 这样我就不需要移除监听器或查询选择元素。
    猜你喜欢
    • 1970-01-01
    • 2017-11-15
    • 2016-09-23
    • 2015-12-16
    • 1970-01-01
    • 2015-01-31
    • 2016-10-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多