vue图片背景图片路径问题

Posted 莫小龙

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue图片背景图片路径问题相关的知识,希望对你有一定的参考价值。

vue图片、背景图片路径问题

vue中引入图片经常会出现路径问题,在此记录一下:

1.组件中 <img> 引用图片

<img src="../assets/img/logo.png" >

2.app.vue  <style>中引入图片

 body {background: url(‘../static/img/back5.jpg‘);}

3.组件行间样式引入背景图片

 <div style="background-image:url(’static/img/1.jpg‘)">

  行间动态引入背景图片

 <div :style="‘background-image:url(\‘static/img/‘+btnscard.back+‘\‘)‘">

 

 

以上是关于vue图片背景图片路径问题的主要内容,如果未能解决你的问题,请参考以下文章

vue图片背景图片路径问题

vue的图片路径引用问题解决

vue 相对路径的图片 不显示问题

vue项目打包后css背景图路径不对的问题

vue-cil和webpack中本地静态图片的路径问题解决方案

vue-cil和webpack中本地静态图片的路径问题解决方案