【Uniapp-Vue3】previewImage图片预览

如果我们想要实现点击一张图片放大,并能够左右滑动,就要使用previewImage这个API。

uni.previewImage({

current:xxx, // 当前图片下标

urls:xxx, // 图片路径组

// 其他参数

})

我们先编写一个点击图片的事件,并传递当前点击图片的下标,也就是第几张图片。

urls是图片的路径组,current就是刚才传递的参数

点击图片就能进入预览模式,并且能够左右滑动预览路径组中的其他图片。

相关推荐
a_靖42 分钟前
uniapp使用全局组件,
uni-app·全局组件
lqj_本人1 小时前
鸿蒙OS&UniApp制作一个小巧的图片浏览器#三方框架 #Uniapp
华为·uni-app·harmonyos
向明天乄3 小时前
uni-app微信小程序登录流程详解
微信小程序·uni-app
lqj_本人4 小时前
鸿蒙OS&UniApp 开发的下拉刷新与上拉加载列表#三方框架 #Uniapp
华为·uni-app·harmonyos
lqj_本人5 小时前
鸿蒙OS&UniApp 制作个人信息编辑界面与头像上传功能#三方框架 #Uniapp
uni-app·harmonyos
lqj_本人5 小时前
鸿蒙OS&UniApp 实现的二维码扫描与生成组件#三方框架 #Uniapp
uni-app
老李不敲代码7 小时前
榕壹云打车系统:基于Spring Boot+MySQL+UniApp的开源网约车解决方案
spring boot·mysql·微信小程序·uni-app·软件需求
lqj_本人11 小时前
鸿蒙OS&UniApp 开发实时聊天页面的最佳实践与实现#三方框架 #Uniapp
uni-app
不法20 小时前
uniapp 百家云直播插件打包失败
uni-app·插件使用
moxiaoran57531 天前
uni-app学习笔记五-vue3响应式基础
笔记·学习·uni-app