使用vue添加背景图片，背景图片显示不出来的问题

问题分析：

使用vue添加背景图片时，刚开始是加在css样式上，然后路径也没错，但是浏览器上会把图片路径转成base64，但是图片大小超过阈值就不转了，直接引入背景图片用在浏览器上时,由于路径解析的问题,图片并不能够正确的显示出来

解决方案：

 

<template>
　　<div class="head" :style="note">
　　　　<span>收银台</span>
　　</div>
</template>

<script>
export default{
　　data(){
　　　　return{
　　　　　　note:{
　　　　　　　　　　backgroundImage:"url("+require('../../../../../../static/img/shop/homeg/arrowsg.png')+")",
　　　　　　　　　　backgroundSize:".18rem .32rem",
　　　　　　　　　　backgroundRepeat:"no-repeat",
　　　　　　　　　　backgroundPosition:".4rem .28rem"
　　　　　　　　}
　　　　　　}
　　　　}
　　}
</script>

转载于:https://www.cnblogs.com/guanpingping/p/10237355.html