按照以往在css文件中写background:url('图片路径'),完成后加载竟然显示出错,起初以为路径不对,检查了几遍,仍然没有问题。最后百度找答案,发现不少同行都遇到过这种问题,遂记录下自己所采用的解决方式:
data () {
return {
img: require('你的图片路径')
}
}
div的写法:
<div :style="{backgroundImage: 'url(' img ')'}">
</div>
更简便的写法:
<div :style="{backgroundImage:`url(${img})`}">
</div>