牛骨文教育服务平台(让学习变的简单)
博文笔记

vue 图片渲染

创建时间:2017-09-08 投稿人: 浏览次数:665

使用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"}
                       ],

图片地址需要使用require( ),在页面渲染编译时才能显示。

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。