<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,或者路由去跳转
网友评论