做图片渲染模块时,可能涉及到需要循环渲染的问题,这个时候需要使用require,具体就看下面?????
动态获取图片地址,路径被加载器解析为字符串,图片找不到


这里在motheds 中定义了个方法获取

这样就可以了。。。。。
注意
- webpack 本身是一个预编译的打包工具,无法预测未知变量路径 不能require纯变量路径;
- require(path) ,path 至少要有三部分组成, 目录+文件名+后缀;
- 动态获取文件名时候,文件名和后缀最好一起,不然有时候会报错;
// 比如这样
const currentName = index
? 'platform-icon' + (index + 1) + 'png'
: 'platform-icon.png';
return require('@/assets/images/industry/' + currentName);
// 不要这样,这样本地是没有任何问题的,但是打包上线会报错
const currentName = index
? 'platform-icon' + (index + 1)
: 'platform-icon';
return require('@/assets/images/industry/' + currentName + 'png');
博客主要围绕图片渲染模块展开,提到做该模块时可能遇到循环渲染问题,需使用require。还指出动态获取图片地址时,路径被加载器解析为字符串会导致图片找不到,可在methods中定义方法获取来解决。
8382

被折叠的 条评论
为什么被折叠?



