码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-05-08 12:20:15      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:ati   背景图   static   行间样式   img   tns   span   出现   png   

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图片、背景图片路径问题

标签:ati   背景图   static   行间样式   img   tns   span   出现   png   

原文地址:https://www.cnblogs.com/s313139232/p/9007228.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!