本地图片加载失败的经验总结

如果需要一个标签动态展示图片,放在static不要用assets目录

原因是asset的文件会被直接打包到项目中,而static的文件在打包后会独立成为一个文件夹,如果动态引入某文件,默认是采取打包后路径访问的方式,因此只能访问打包后还存在的static文件夹。asset的文件只能直接静态使用,因为一旦静态使用就会默认被加载到项目包里了,所以在检查器中看到的是直接获取到了源文件的二进。

标签内不可以使用el表达式
<img :src="{{ scope.row.photo }}" 这样是错的

使用require()内部只能传输静态字符串
<img :src="require('@/assets/xxx.png')"/这样是对的,如果传输一个变量则是错的。

posted @ 2023-02-17 17:18  yunChuans  阅读(61)  评论(0编辑  收藏  举报