如何去除img标签的默认边框

如何去除img标签的默认边框

在使用img标签过程中遇到，图片没获取到后出现默认大小边框的问题，看起来很丑。

一、有边框

<router-link to="/"><img :src="logoICO" v-if="logoICO" 
           width="100px"
           height="35px" />{{logo.title}}</router-link>

二、无边框

    <router-link to="/"><img :src="logoICO" v-if="logoICO" alt=""
           width="100px"
           height="35px" />{{logo.title}}</router-link>

解决边框的问题，只需要在img标签中，加入一个alt=""就解决问题了，原因是alt属性的作用是:当图片无法正常显示时，则会显示alt属性中的内容！