微信小程序:
previewImage:
wx.previewImage(Object object)
参数:
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| urls | Array.<string> | 是 | 需要预览的图片链接列表。2.2.3 起支持云文件ID。 | |
| current | string | urls 的第一张 | 否 | 当前显示图片的链接 |
| success | function | 否 | 接口调用成功的回调函数 | |
| fail | function | 否 | 接口调用失败的回调函数 | |
| complete | function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
代码:
wx.previewImage({
current: '', // 当前显示图片的http链接
urls: [] // 需要预览的图片http链接列表
})
mpvue:
安装:
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 mpvue-quickstart 模板的新项目
$ vue init mpvue/mpvue-quickstart my-project
# 安装依赖
$ cd my-project
$ npm install
# 启动构建
$ npm run dev
生命周期
- beforeCreate
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- activated
- deactivated
- beforeDestroy
- destroyed
wepy
安装:
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 wepy 模板的新项目
$ wepy new myproject
# 安装依赖
$ cd myproject
$ npm install
# 开启实时编译
$ wepy build --watch

本文详细介绍了微信小程序中previewImage API的使用方法,包括参数说明、代码示例及mpvue、wepy的安装与生命周期介绍。适用于小程序开发者快速上手图片预览功能。
1693

被折叠的 条评论
为什么被折叠?



