作者: 景阳冈大虫在此 | 来源:发表于2018-06-06 13:19 被阅读0次
    <a target="blank" :href="url">
         <img src="../../static/img/example.png" />
     </a>
    

    这样的a标签里面嵌入img标签或者div,就会有蓝色的矩形,这个蓝色的矩形,就是图片的形状。

    方法一:不管怎么样就是要用a标签
    给a标签加了一堆的outline:none,text-decoration: none;给img加了border:0都不行
    然后尝试了把代码改成这样

    <a target="blank" :href="url">
        <button>
           <img src="../../static/img/example.png" />
        </button>
     </a>
    

    给button设置一下css,让他背景透明呀,长宽限定好呀,就行了。
    比起真的要解决这个bug,加一个button还是挺快的。

    方法二:不用a标签
    直接添加一个点击img之后就会触发的click方法,把套在外面的a标签去掉,或者改成div
    然后用window.location.href,或者路由去跳转

    相关文章

      网友评论