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图片背景图片路径问题的主要内容,如果未能解决你的问题,请参考以下文章