事件
官方组件库
按钮
| 事件 | event.detail |
|---|---|
| tap(点击) | {} |
表单输入
| 事件 | event.detail |
|---|---|
| change(输入改变) | { value: string }, value 为输入的新值 |
| focus(聚焦) | { value: string },value 为当前输入框的值 |
| blur(失焦) | { value: string },value 为当前输入框的值 |
| confirm(确认) | { value: string },value 为当前输入框的值 |
| clear(清除内容) | { originValue: string },originValue 为清除前输入框的值 |
抽屉
| 事件 | event.detail |
|---|---|
| onClose(点击关闭图标或抽屉外区域的回调) | {} |
| onExited(抽屉关闭动画结束时回调) | {} |
多选
| 事件 | event.detail |
|---|---|
| change(选中状态改变) | { value: string[] }, value 为当前选中状态的值的集合 |
单选
| 事件 | event.detail |
|---|---|
| change(选中状态改变) | { value: boolean }, value 为当前选中状态 |
下拉选择
| 事件 | event.detail |
|---|---|
| change(值改变) | { value: string }, value 为当前选中的值 |
开关
| 事件 | event.detail |
|---|---|
| change(选中状态改变) | { value: boolean }, value 为当前选中状态 |
多行输入
| 事件 | event.detail |
|---|---|
| change(输入改变) | { value: string }, value 为输入的新值 |
| focus(聚焦) | { value: string },value 为当前输入框的值 |
| blur(失焦) | { value: string },value 为当前输入框的值 |
| confirm(确认) | { value: string },value 为当前输入框的值 |
| clear(清除内容) | { originValue: string },originValue 为清除前输入框的值 |
上传
| 事件 | event.detail |
|---|---|
| change(输入改变) | { value: string }, value 为文件内容 |
图片
| 事件 | event.detail |
|---|---|
| load(加载成功) | {} |
| error(加载失败) | {} |
链接
| 事件 | event.detail |
|---|---|
| tap(点击) | {} |
富文本展示
| 事件 | event.detail |
|---|---|
| change(输入改变) | { value: string }, value 为输入的新值 |
滚动视图
| 事件 | event.detail |
|---|---|
| scroll(滚动时触发) | { detail: { scrollLeft: e.target.scrollLeft, scrollTop: e.target.scrollTop,scrollHeight: e.target.scrollHeight,scrollWidth: e.target.scrollWidth,} }, detail 为视图的基础滚动属性 |
轮播图
| 事件 | event.detail |
|---|---|
| change(选项卡切换) | { current: number }, current 当前图片的下标 |
选项卡
| 事件 | event.detail |
|---|---|
| change(选项卡切换) | {id: index, label: title}, id 当前选项的标识, label为当前选项的名称 |
文本
| 事件 | event.detail |
|---|---|
| tap(点击) | {} |
图片上传-展示
| 事件 | event.detail |
|---|---|
| load(加载成功) | {success: string[], error: string[] }, success 返回的加载成功的链接,error 返回的加载失败的链接 |