vue v-viewer库 显示出图片名称

已安装viewer往下看，未安装请走https://blog.csdn.net/qq_36247432/article/details/89098038

 先看原代码

<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>
</viewer>

我的是取了它路径中的名称，如果是其他情况，请自行处理~~~