关于v-for动态渲染图片却不显示的问题

233 阅读1分钟

在做一个vue手机端项目,在做轮播图时要动态渲染图片,于是data里定义好对象,imgUrl属性值赋值上图片在assets静态资源中的路径,需要用到require。 1.vue-cli脚手架涉及到webpack的打包机制,最终页面并不会显示图片内容,原因在于图片路径并没有取打包后的资源路径。
2.在select选择中,require方法所返回的是字符串,而不是函数的执行结果。
接下来,请看详细例子。

解决方法: