短視訊開發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庫 顯示出圖片名稱， 更多內容歡迎關注之後的文章