vue背景图片路径问题
生活随笔
收集整理的這篇文章主要介紹了
vue背景图片路径问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
共三種情況：
<div class="about" :style="{backgroundImage:'url('+pic+')'}"> <div style="display: inline-block;width:36px;height: 36px;background-size: cover;background-position: center;border-radius: 50%;" :style="{backgroundImage:'url('+item.fromhead+')'}"></div> pic:require('@/assets/bg.jpg') <div class="about" :style="{backgroundImage:'url('+require('@/assets/bg.jpg')+')'}"> <img :src="require('@/assets/bg.jpg')">css里面不能用require
上面是body的背景圖片
總結
以上是生活随笔為你收集整理的vue背景图片路径问题的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Confluence Cloud的Tea
- 下一篇： html5倒计时秒杀怎么做,vue 设