图片路径问题

图片显示不正常

解决方式

使用 require

data(){
    return {
        imgSrc:require('@/assets/images/bg.jpg')
    }
}

使用~@

<template>
  <div class="demo">
    <div class="img1"></div>
  </div>
</template>

<style>
    .img1{
        width: 100px;
        height: 100px;
        background: url('~@/assets/images/logo.png') center center no-repeat;
    }
</style>