有哪些企业网站做的不错,甘肃网站建设选哪家,ui设计说明万能模板,上海市工程咨询行业协会官网实现的功能#xff1a; 图片可放大预览#xff0c;支持放大、缩小、向左向右旋转查看可点击任意一张图后进行左右切换查看大图 主要使用的方法#xff1a;splice和concat 主要代码
// template中
divel-imagev-for(item, index) in imgsData:src 图片可放大预览支持放大、缩小、向左向右旋转查看可点击任意一张图后进行左右切换查看大图 主要使用的方法splice和concat 主要代码
// template中
divel-imagev-for(item, index) in imgsData:srcitemfitfit:preview-src-listgetPrivewImages(index)/
/div// method中
const getPrivewImages (index) { // index当前点击图片的下标let tempImgList [...imgsData.value];if (index 0) return tempImgList;// 删除从 index 开始到数组末尾的元素并将这些元素作为新数组返回let start tempImgList.splice(index);// 删除从索引 0 开始到索引 index不包括 index的所有元素并将这些被删除的元素作为新数组返回let remain tempImgList.splice(0, index);// 最终返回的数组将是这两部分的组合且顺序相反return start.concat(remain);
}
