uniapp使用宫格实现多张图片预览

一、页面渲染

     <uni-grid :column="4" :highlight="true"  @change="change" ><uni-grid-item v-for="(item,index) in checkDetail.imgSrcs"     :key="index":index="index" ><view class="grid-item-box"  style="background-color: #fff"><image class="image" :src="item" mode="aspectFill"/></view></uni-grid-item></uni-grid>

二、change函数

change函数 点击 grid 触发 返回值 e={detail:{index:0}} index 为当前点击 grid下标

      change(e) {console.log(e,'indexs')uni.previewImage({urls: this.checkDetail.imgSrcs,current: e.detail.index,loop:true});