vue圖片、背景圖片路徑問題


vue圖片、背景圖片路徑問題

vue中引入圖片經常會出現路徑問題,在此記錄一下:

1.組件中 <img> 引用圖片

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

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+'\')'">

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM