做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

vue中引用圖片

2021-8-11    前端達人

一、template中引用圖片

1. 直接用 

<template>
    <img src="@/assets/images/img.png">
    <img src="../../../assets/images//img.png">
<template/> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    •

2. import引入 

<template>
    <img :src="imgUrl">
<template/>
<script>
    import imgUrl from '@/assets/images/img.png'
    export default {
        data () {
            return {
                imgUrl: imgUrl
            }
        }
    }
</script> 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    • 

    
  • 
        7
    
    • 

    
  • 
        8
    
    • 

    
  • 
        9
    
    • 

    
  • 
        10
    
    • 

    
  • 
        11
    
    • 

    
  • 
        12
    
    • 

    
  • 
        13
    
    •

二、script中引用圖片

同上 一、2import引入

三、style中引用圖片

  1. 正常來講可以直接用 
.test1 {
    background-image: url(../../../../assets/images/img.png)
}
.test2 {
    background-image: url(@/assets/images/img.png);
} 

    

    
  • 
        1
    
    • 

    
  • 
        2
    
    • 

    
  • 
        3
    
    • 

    
  • 
        4
    
    • 

    
  • 
        5
    
    • 

    
  • 
        6
    
    •
  1. 但是在scss方式中不可以直接用 
<style scoped lang="scss">
$img: "../../assets/images/img.png";
.test {
    background-image: url('#{$img}');
}


    藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。


文章來源：csdn


    分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。 





    藍藍設計( m.91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://m.91whvog3.cn

存檔