其他分享
首页 > 其他分享> > Vue——添加背景图片

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 +')';

标签:Vue,url,require,添加,backgroundImage,data,100%,背景图片
来源: https://www.cnblogs.com/pythonwl/p/13551857.html