diff --git a/src/col/README.md b/src/col/README.md index e595dfcdd..5d537283a 100644 --- a/src/col/README.md +++ b/src/col/README.md @@ -107,6 +107,12 @@ Setting `type` to `flex` to enable flex layout | offset | number of spacing on the left side of the grid | `string | number` | - | | tag | Custom element tag | `string` | `div` | +### Row Events + +| Event | Description | Arguments | +|------|------|------| +| click | Triggered when click row | event: Event | + ### Col Events | Event | Description | Arguments | diff --git a/src/col/README.zh-CN.md b/src/col/README.zh-CN.md index 7092dfe9e..6ec33b91f 100644 --- a/src/col/README.zh-CN.md +++ b/src/col/README.zh-CN.md @@ -110,6 +110,12 @@ Layout 组件提供了`24列栅格`,通过在`Col`上添加`span`属性设置 | offset | 列元素偏移距离 | `string | number` | - | - | | tag | 自定义元素标签 | `string` | `div` | - | +### Row Events + +| 事件名 | 说明 | 回调参数 | +|------|------|------| +| click | 点击时触发 | event: Event | + ### Col Events | 事件名 | 说明 | 回调参数 | diff --git a/src/col/test/index.spec.js b/src/col/test/index.spec.js index fd3b912f2..bc0b8a57e 100644 --- a/src/col/test/index.spec.js +++ b/src/col/test/index.spec.js @@ -1,4 +1,5 @@ import Col from '..'; +import Row from '../../row'; import { mount } from '../../../test/utils'; test('Col click event', () => { @@ -7,3 +8,10 @@ test('Col click event', () => { expect(wrapper.emitted('click')).toBeTruthy(); }); + +test('Row click event', () => { + const wrapper = mount(Row); + wrapper.trigger('click'); + + expect(wrapper.emitted('click')).toBeTruthy(); +}); diff --git a/src/row/index.js b/src/row/index.js index a4cadc5b3..fbd580373 100644 --- a/src/row/index.js +++ b/src/row/index.js @@ -17,6 +17,12 @@ export default createComponent({ } }, + methods: { + onClick(event) { + this.$emit('click', event); + } + }, + render() { const { align, justify } = this; const flex = this.type === 'flex'; @@ -31,6 +37,7 @@ export default createComponent({ [`align-${align}`]: flex && align, [`justify-${justify}`]: flex && justify })} + onClick={this.onClick} > {this.slots()}