2023年12月13日发(作者:)

for循环图片中图片显示不出来问题

先看代码

superurl: [

{

img: '../../assets/'

},

{

img: '../../assets/'

},

{

img: '../../assets/'

},

{

img: '../../assets/'

},

{

img: '../../assets/'

},

{

img: '../../assets/'

}

],

这样图片会加载不出来

QQ图片

如果换成require('../../assets/')图片就正常显示了

为什么会出现这样的问题呢,是因为我们在动态的获取图片路径时,这个路径会被解析成一个字符串,这样就无法显示原来的图片。而require是

CommonJS中的关键字,用来加载模块可以解析路径。

根据参数的不同格式,require命令去不同路径寻找模块文件。

如果参数字符串以“/”开头,则表示加载的是一个位于绝对路径的模块文件。

如果参数字符串以“./”开头,则表示加载的是一个位于相对路径的模块文件

如果参数字符串不以“./“或”/“开头,则表示加载的是一个默认提供的核心模块(node核心模块,或者通过全局安装或局部安装在node_modules目录中的模块)