diff --git a/packages/image-preview/ImagePreview.js b/packages/image-preview/ImagePreview.js index 9d9739fc6..ea0af6b8d 100644 --- a/packages/image-preview/ImagePreview.js +++ b/packages/image-preview/ImagePreview.js @@ -201,6 +201,7 @@ export default sfc({ onChange(active) { this.resetScale(); this.active = active; + this.$emit('change', active); }, resetScale() { diff --git a/packages/image-preview/en-US.md b/packages/image-preview/en-US.md index 872107e8b..97075a23c 100644 --- a/packages/image-preview/en-US.md +++ b/packages/image-preview/en-US.md @@ -109,6 +109,7 @@ export default { | Event | Description | Parameters | |------|------|------| | close | Triggered when close | { index, url } | +| change | Triggered when current image change | index: index of current image | ### onClose Parematers diff --git a/packages/image-preview/test/index.spec.js b/packages/image-preview/test/index.spec.js index 60f4332ea..6bddba52f 100644 --- a/packages/image-preview/test/index.spec.js +++ b/packages/image-preview/test/index.spec.js @@ -37,6 +37,7 @@ test('render image', () => { expect(wrapper.emitted('input')).toBeFalsy(); triggerDrag(swipe, 0, 0); expect(wrapper.emitted('input')[0][0]).toBeFalsy(); + expect(wrapper.emitted('change')[0][0]).toEqual(2); }); test('async close', () => { diff --git a/packages/image-preview/zh-CN.md b/packages/image-preview/zh-CN.md index 85ceb2ce9..fbfad9c21 100644 --- a/packages/image-preview/zh-CN.md +++ b/packages/image-preview/zh-CN.md @@ -125,6 +125,7 @@ export default { | 事件 | 说明 | 回调参数 | |------|------|------| | close | 关闭时触发 | { index: 索引, url: 图片链接 } | +| change | 切换当前图片时触发 | index, 当前图片的索引 | ### onClose 回调参数