Vue——添加背景图片

添加背景图片

一种是用前端的静态图片做背景：

只需要在外层div中加入

<div  :style="backgroundDiv">

<div>

这个style的东西卸载data中

data() {

return {

backgroundDiv: {

backgroundImage:'url(' + require('./images/xxx..jpg') + ')',

backgroundRepeat:'no-repeat',

backgroundSize:'100% 100%'

    }

}

一定是要加require包裹路劲

第二种是用url来插入图片

直接就是

backgroundImage ：'url(' + pic.url +')';