vue 图片渲染

VUE中v-for循环渲染图片

最新推荐文章于 2023-09-21 09:14:11 发布

原创最新推荐文章于 2023-09-21 09:14:11 发布 · 4.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue图片

web 专栏收录该内容

32 篇文章

订阅专栏

本文介绍如何在Vue.js项目中利用v-for指令来循环渲染一组图片，并展示了如何通过require函数正确加载图片资源，确保图片能在页面加载时正确显示。

使用v-for循环渲染图片

图片徐然都是经过编译的，所以js里

layTable:[{id:1,src:require("../../../assets/A12.png"),laytype:"A"},
                       {id:2,src:require("../../../assets/AA12.png"),laytype:"AA"},
                       {id:3,src:require("../../../assets/AAA2.png"),laytype:"AAA"},
                       {id:4,src:require("../../../assets/AB112.png"),laytype:"AB"},
                       {id:5,src:require("../../../assets/BA11.png"),laytype:"BA"}
                       ],