vue框架中,调取图片的时候,往往因为路径问题调取不成功,下面列举几个场景,以及不同场景下面的图片调用的路径展示:
1、直接调用,写在h5代码里面----路径要用“@”
<img src="@/assets/img/icon61_05.jpg">
2、当作背景图片调用,写在css样式里面,要加上“~@”
.banner2 {
height: 220px;
width: 100%;
background: url("~@/assets/img/16.jpg") no-repeat;
}
每天一个小技巧,充实自己