您的位置：首页 > 产品设计 > UI/UE

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

2018-03-12 16:25 323 查看
在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;
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航