【前端】Vue项目中展示图片/背景图

vue中内联样式background-image绑定图片

本地

:style="{backgroundImage:'url(' + require('@/assets/whitebarlunbo.jpg')+ ')'}"

:style="{backgroundImage:'url(' +MYIMAGE + ')'}"

网络

:style="{backgroundImage:'url(' + 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimage3.cnpp.e4df'+ ')',backgroundRepeat:no-repeat}"

vue中img绑定本地图片

<img :src="require('@/assets/4.3.png')"/>

<img src="../../assets/ZHmethod2.jpg" width="100%" height="100%" style="object-fit:fill">