vue中图相对路径引用本地图片

• Z时代
• 2024-01-10
• 分类：综合

img标签中相对路径引用

使用~@引用

<img  src="~@/assets/img/duihao.png" alt="">

使用require引用

<img :src="require(\'@/assets/img/duihao.png\')" alt="">

使用import引用

<template>
    <div>
        <img :stc="imgUrl" alt="imgUrl是data属性"/>
    </div>
</template>
<script>
import  imgUrl from \'@/assets/img/duihao.png\'
export default {
   data(){
       return {
           imgUrl
        }
   }
}
</script>

背景图相对路径引用

使用~@引入

background: url(~@/assets/img/donw4.png) no-repeat;

以上是 vue中图相对路径引用本地图片 的全部内容， 来源链接： utcz.com/z/375638.html