Vue3的图片引入
方法引入<img :src="imgFun('test.png')"/>function imgFun(val){return new URL(`../../asseets/home/img/${val}`,import.meta.url).href;}背景样式引入.box{background:url("../../assets/home/img/test.png")}.box1{b
·
方法引入
<img :src="imgFun('test.png')"/>
function imgFun(val){
return new URL(`../../asseets/home/img/${val}`,import.meta.url).href;
}
背景样式引入
.box{
background:url("../../assets/home/img/test.png")
}
.box1{
background:url("~@assets/home/img/test.png")
}
行内样式引入
<img src="@assets/home/img/test.png"/>
vue3–vite独特引入
<img :src="imgTest"/>
import imgTest from "@assets/home/img/test.png"
setup(){
return {imgTest}
}
更多推荐



所有评论(0)