第一次做这个图片浏览器的时候遇到一个问题,如共有6张图片,每次进入页面时,第一次点击,无论去点击6张图片的哪一张初始化显示的都是第一张图片。后面的每次点击都没有问题的。
for(let i = 0;i<data.imgModelList.length;i++){ let s = data.imgModelList[i] if(s.path){ items.push({ image:api_html_url + s.path, caption:i+1+'/'+imgLength }) } }
原先的做法是在拿到数据的时候去配置好photobrowser 的items。
后来索性改成每次在点击的时候重新初始化一下,并声明 initIndex,下面是点击函数。
changeIndex(index){ pb1 = $.photoBrowser({ items:vm.imgLists, initIndex:index }); pb1.open(index); }