vue背景图片用样式绑定的方式

vue中为div设置背景图片,直接在css中这样写:

background-image: url("/assets/images/web-cover.png");

背景显示不出来,后来改为样式绑定的方式可以显示出来,如下:

方式一:对象语法

imgs: {

        bg: require("@/assets/image/web-cover.png"),

      },

 <div class="landing-wrapper" :style="{backgroundImage:`url(${imgs.bg})`}">


方法二:绑定样式对象

  bgstyle:{

        backgroundImage: `url(${require("@/assets/image/web-cover.png")})` 

      }

 <div class="landing-wrapper" :style="bgstyle">

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容