短视频开发app，vue v-viewer库 显示出图片名称

短视频开发app，vue v-viewer库 显示出图片名称

先看原代码

 

<viewer :images="images">
    <img v-for="src in images" v-lazy="src" :key="src" width="280" height="180" class="imgColor">
</viewer>

​

其实很简单，看下图 

 

<viewer :images="images">
    <div v-for="src in images" style="width: 20%;float:left;">
        <img v-lazy="src" :key="src" width="280" height="180" class="imgColor">
        <span style='padding: 0px 15px'>{{src.split('/').slice(-1).join()}}</span>
        </div>

 

以上就是短视频开发app，vue v-viewer库 显示出图片名称， 更多内容欢迎关注之后的文章