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;
}

每天一个小技巧,充实自己

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐