美文网首页前端开发那些事Web前端之路
解决button 下面的 a 无法点击

解决button 下面的 a 无法点击

作者: cbw100 | 来源:发表于2018-05-29 12:33 被阅读30次

    在开发页面的时候,我很经常在button按钮标签下包裹一个a标签,例如:

    <Button type='ghost'>
        <a href={gotoEditPage} target="_blank">编辑</a>
    </Button>
    

    我之前一直是这样的,在chrome浏览器下是完全没有问题的,但是在火狐和IE浏览器下就完全行不通了,无法点击。

    这里有2种方法解决

    1. button点击

    <button onclick="window.location = 'http:/www.google.com';">点击</button>
    

    2. 修改a标签的样式

    就是把a标签用css修饰成button标签,也可以达到效果。

    相关文章

      网友评论

        本文标题:解决button 下面的 a 无法点击

        本文链接:https://www.haomeiwen.com/subject/bhickftx.html