问题:使用v-for循环,:src="item.url",绑定的图片无法显示,只能写成静态结构;原因:直接写成static,会用webpack编译后,可以得到打包后图片的正确真实路径。如果你写成dynamic,webpack不会编译它,把'~/assets/img/home.png'放在你图片的src里,'http://xxx.xxx.xxx/~/assets/i。..'这个图像不存在!方案一:将图片保存在服务器上,使用网络路径。方案二:使用require和相对路径引用图片{src:require("../static/gzEducation/fl/1.png")}//跳出第一层还是2层目录,而data中的数据是根据其位置来确定的:data(){return{flList:[{src:require("../static/gzEducation/fl/1.png")},],}vue循环结构:
