vue中引入背景图片（提示路径404）

在vue中直接引入背景图片，会报错（找不到路径）

我们将路径放在data里，通过require将图片引入vue组件

 return { play:'url(' + require('../../assets/img/play.png') + ')', stop:'url(' + require('../../assets/img/stop.png') + ')', }

使用时

    <button :style="{background: play}" style="position: absolute;left: 20px;top: 20px;width: 50px;height: 50px;border: 0;outline: none"@click="this.autoSlide" id="btnBg"></button>

想要将背景图片改变时，只要更换data中的变量即可

document.getElementById('btnBg').style.background=this.play;