vue2图片加载显示不全是怎么回事？

Question

动态获取assets路径下的图片出现显示一半的情况，有时候会出现这种情况

<div class="ele-notice-item-icon"
                   :style="`background: url(${getMsgImg(item.msgClass)}) no-repeat 100% 100%;`"></div>

 getMsgImg(type) {
      return require('@/assets/img/common/msg/' + type + '.png');
    },

Answer 1

设置background-size即可,(设置下background-repeat更佳)

.ele-notice-item-icon{
   background-size: contain;
   background-repeat: no-repeat;
}