首页 > 其他 > 详细

vue中设置背景图片的方式

时间:2020-04-21 14:59:17      阅读:2911      评论:0      收藏:0      [点我收藏+]

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

只需要在外层div中加入

 <div :style="conTop"> <div> 

这个style的内容写在data中

data() {
    return {
        conTop: {
            backgroundImage:url( + require(./images/xxx..jpg) + ),
            backgroundRepeat:no-repeat,
            backgroundSize: cover;<!-- 响应式 -->
    }

}

 

一定是要加require包裹路径

第二种:是用url来插入图片(pic为一个包含url的对象)

  let pic = { url : xxx.xxx.xx }// 绝对路径  

直接就是

 backgroundImage :url( + pic.url +); 

vue中设置背景图片的方式

原文:https://www.cnblogs.com/sinceForever/p/12744583.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!