fix(table): useTable support onChange
修复useTable无法直接通过设置onChange来注册change事件响应的问题
This commit is contained in:
parent
9f4d1719ca
commit
9f5085c9f9
|
|
@ -58,6 +58,7 @@
|
||||||
|
|
||||||
import { omit } from 'lodash-es';
|
import { omit } from 'lodash-es';
|
||||||
import { basicProps } from './props';
|
import { basicProps } from './props';
|
||||||
|
import { isFunction } from '/@/utils/is';
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
components: {
|
components: {
|
||||||
|
|
@ -142,6 +143,9 @@
|
||||||
function handleTableChange(...args) {
|
function handleTableChange(...args) {
|
||||||
onTableChange.call(undefined, ...args);
|
onTableChange.call(undefined, ...args);
|
||||||
emit('change', ...args);
|
emit('change', ...args);
|
||||||
|
// 解决通过useTable注册onChange时不起作用的问题
|
||||||
|
const { onChange } = unref(getProps);
|
||||||
|
onChange && isFunction(onChange) && onChange.call(undefined, ...args);
|
||||||
}
|
}
|
||||||
|
|
||||||
const {
|
const {
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@
|
||||||
<a-button class="mr-2" @click="clearSelect"> 清空选中行 </a-button>
|
<a-button class="mr-2" @click="clearSelect"> 清空选中行 </a-button>
|
||||||
<a-button class="mr-2" @click="getPagination"> 获取分页信息 </a-button>
|
<a-button class="mr-2" @click="getPagination"> 获取分页信息 </a-button>
|
||||||
</div>
|
</div>
|
||||||
<BasicTable @register="registerTable" @change="onChange" />
|
<BasicTable @register="registerTable" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
|
|
@ -54,6 +54,7 @@
|
||||||
columns: getBasicColumns(),
|
columns: getBasicColumns(),
|
||||||
rowKey: 'id',
|
rowKey: 'id',
|
||||||
showTableSetting: true,
|
showTableSetting: true,
|
||||||
|
onChange,
|
||||||
rowSelection: {
|
rowSelection: {
|
||||||
type: 'checkbox',
|
type: 'checkbox',
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue