分为两种情况 1.把图片放在与src同级的static下 按照正常方式引入: 2.把图片放在assets或其他文件夹下,需要用require解析引入 ...
图片放置在assets下面,然后写到data中是不会被解析的。如果想要解析,就利用require方法引用一下。 比如在假的json中引用如下属性: img :require .. .. assets images .jpg 需要require引用图片路径 ...
2020-04-21 09:20 0 1628 推荐指数:
分为两种情况 1.把图片放在与src同级的static下 按照正常方式引入: 2.把图片放在assets或其他文件夹下,需要用require解析引入 ...
在工作中常常有这个需求就是特别是类似管理系统的左侧菜单,自定义一些图片的时候,需要渲染本地的img资源 这些图片资源往往是放在本地的assets/images下的,如果成功渲染除这些资源呢,我的做法是 第一步,在utils下新建一个menu.ts文件,然后在里面配置我的菜单 ...
首先说明vue-cli中assets和static两个文件的区别 1.assets在项目编译的过程中会被webpack处理理解为模块依赖,如果执行npm run dev或npm run build命令行,assets会被编译,导致路径发生变化,所以如果写成绝对路径,会存在问题 2.static ...
" />上传图片 </a> :src="imgsrc" ...
尝试了很多办法都不行,直接用require解决 ...
把正常img标签中的src="@/assets/logo.png"换成 就可以了。 ...
// 带参数传值 本地美食 ...
:src="require('../img'+item+'.png')" /> ...