在Safari浏览器中图片不显示,Chrome浏览器里面就可以显示图片,其他的浏览器不太清楚,在Safari中调试也能看到图片资源,就是不显示图片。两个方案:

    在img中内联样式设置图片的宽高

    1. <img :style="{width:'44px',height:'44px'}" :src="require('../assets/tab-home.png')" />

    在img的外面包上一层div,设置div的宽高,设置img为100%,另外,需要注意,不能设置img的class和id的样式了,只能在选择器item-img-bg的子元素里面设置样式

    1. <div class="item-img-bg">
    2. <img :src="require('./assets/tab-home.png')" />
    3. </div>
    4. /*在style里面设置图片的宽高*/
    5. .item-img-bg img{
    6. width: 100%;
    7. height: 100%;
    8. }