[JavaScript知识库]Vue项目中background-image属性设置方法

方式一：直接访问

1，在vue-cli项目中的放在public目录下的资源会被直接复制，不会经过webpack的打包处理。

<style scoped>
  .login_container{
  background-image: url('/img/xatu.jpg');
  background-size: 100%;
  height: 100%;
  width: 100%;
  }

方式二：通过变量设置

<span class="item-icon" 
    :style="{'background-image': `url(${require('@/assets/image/file-icon.png')})`}"
></span>