<uni-popup ref="popup" type="center" @change="forbidScroll">
<!-- <image :src="info.images[info.current]" mode="heightFix" style="height: 600rpx;"/> -->
<uni-swiper-dot :info="info.images" :current="info.current" mode="round">
<swiper class="swiper-box" @change="changeImages">
<swiper-item v-for="(item ,index) in info.images" :key="index">
<image :src="item" mode="widthFix" style="width: 100%;height: 100%;"/>
</swiper-item>
</swiper>
</uni-swiper-dot>
</uni-popup>
data() {
return {
info: {
current: 0,
images: [""
]
},
// 禁止popup滑动穿透
show: false
}
},
methods: {
changeImages(event) {
console.log(event)
this.info.current = event.detail.current
console.log(this.info.current)
},
showBigImage(){
this.$refs.popup.open('center')
},
forbidScroll(e) {
this.show = e.show
}
}
- 发布:2022-02-26 23:20
- 更新:2022-02-26 23:20
- 阅读:457
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: macOS 11.3.1 (20E241)
HBuilderX类型: 正式
HBuilderX版本号: 3.3.11
第三方开发者工具版本号: 无
基础库版本号: 无
项目创建方式: HBuilderX
示例代码:
操作步骤:
如代码
如代码
预期结果:
可以弹出swiper
可以弹出swiper
实际结果:
弹不出swiper
弹不出swiper
bug描述:
uni-swiper-dot不能在popup中使用,弹出popup什么也没有,提示[Component] slot "" is not found (for component "uni_modules/uni-transition/components/uni-transition/uni-transition").
0 个回复