表格点击页码无效问题解决

This commit is contained in:
ktianc 2022-10-15 12:16:41 +08:00
parent 3f7e96e9b1
commit e621214223

View File

@ -181,7 +181,7 @@ export default defineComponent({
) : undefined ) : undefined
} }
const rnderTreeTableColumn = (columnsChildren: TableColumn[]) => { const renderTreeTableColumn = (columnsChildren: TableColumn[]) => {
const { align, headerAlign, showOverflowTooltip } = unref(getProps) const { align, headerAlign, showOverflowTooltip } = unref(getProps)
return columnsChildren.map((v) => { return columnsChildren.map((v) => {
const props = { ...v } const props = { ...v }
@ -197,7 +197,7 @@ export default defineComponent({
{{ {{
default: (data: TableSlotDefault) => default: (data: TableSlotDefault) =>
v.children && v.children.length v.children && v.children.length
? rnderTableColumn(v.children) ? renderTableColumn(v.children)
: // @ts-ignore : // @ts-ignore
getSlot(slots, v.field, data) || getSlot(slots, v.field, data) ||
v?.formatter?.(data.row, data.column, data.row[v.field], data.$index) || v?.formatter?.(data.row, data.column, data.row[v.field], data.$index) ||
@ -210,7 +210,7 @@ export default defineComponent({
}) })
} }
const rnderTableColumn = (columnsChildren?: TableColumn[]) => { const renderTableColumn = (columnsChildren?: TableColumn[]) => {
const { columns, reserveIndex, limit, page, align, headerAlign, showOverflowTooltip } = const { columns, reserveIndex, limit, page, align, headerAlign, showOverflowTooltip } =
unref(getProps) unref(getProps)
return [...[renderTableExpand()], ...[renderTableSelection()]].concat( return [...[renderTableExpand()], ...[renderTableSelection()]].concat(
@ -241,7 +241,7 @@ export default defineComponent({
{{ {{
default: (data: TableSlotDefault) => default: (data: TableSlotDefault) =>
v.children && v.children.length v.children && v.children.length
? rnderTreeTableColumn(v.children) ? renderTreeTableColumn(v.children)
: // @ts-ignore : // @ts-ignore
getSlot(slots, v.field, data) || getSlot(slots, v.field, data) ||
v?.formatter?.(data.row, data.column, data.row[v.field], data.$index) || v?.formatter?.(data.row, data.column, data.row[v.field], data.$index) ||
@ -267,15 +267,15 @@ export default defineComponent({
header-row-style="color: #000;background-color: #000;" header-row-style="color: #000;background-color: #000;"
> >
{{ {{
default: () => rnderTableColumn(), default: () => renderTableColumn(),
// @ts-ignore // @ts-ignore
append: () => getSlot(slots, 'append') append: () => getSlot(slots, 'append')
}} }}
</ElTable> </ElTable>
{unref(getProps).pagination ? ( {unref(getProps).pagination ? (
<ElPagination <ElPagination
v-model:limit={limitRef.value} v-model:pageSize={limitRef.value}
v-model:page={pageRef.value} v-model:currentPage={pageRef.value}
class="mt-10px" class="mt-10px"
{...unref(pagination)} {...unref(pagination)}
></ElPagination> ></ElPagination>