<swiper :indicator-dots="false" display-multiple-items="3" style="height:120px" current-item-id="image_0" next-margin="10px">
<block v-for="(image,index) in images" :key="index">
<swiper-item :item-id="`image_${index}`" :data-urls="images" :data-current="index" @click="previewImage" style="padding: 0 5px;">
<image :src="image" mode="widthFix" style="max-height: 100%;"></image>
</swiper-item>
</block>
</swiper>
<script>
var app = getApp();
var that,image_url = app.globalData.image_url,
common = app.globalData.require.common;
export default {
data() {
return {
images:[],
}
},
methods: {
previewImage(e){
var urls = common.data(e,'urls',[]);
if(!Array.isArray(urls))
{
if(urls.indexOf(',')!=-1)
{
urls = urls.split(',');
}else{
urls = [urls];
}
}
var current = common.data(e,'current',0);
console.log(urls);
console.log(current);
uni.previewImage({
current:current,
urls: urls,
});
}
}
}
</script>

- 发布:2020-10-29 09:17
- 更新:2020-10-29 11:52
- 阅读:916
产品分类: uniapp/小程序/抖音
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win 7
HBuilderX类型: 正式
HBuilderX版本号: 2.9.3
第三方开发者工具版本号: 1.9.7
基础库版本号: 1.75.1.1
项目创建方式: HBuilderX
示例代码:
操作步骤:
预览多张图片时,传索引值,打开的都是第一张图片
预览多张图片时,传索引值,打开的都是第一张图片
预期结果:
预览多张图片时,传索引值,打开对应的图片
预览多张图片时,传索引值,打开对应的图片
实际结果:
打开的都是第一张图片
打开的都是第一张图片
bug描述:
预览多张图片时,传索引值,打开的都是第一张图片
o***@163.com (作者)
有效的,数字类型
2020-10-30 09:49
o***@163.com (作者)
是我搞错了,忘了parseInt,现在可以了,谢谢
2020-10-30 09:52