• 在 Vue 项目中，出现如下警告信息

[Vue warn]: Property "handleSizeChange" was accessed during render but is not defined on instance.

[Vue warn]: Property "handleCurrentChange" was accessed during render but is not defined on instance.

# 翻译

[Vue warn]：渲染期间访问了属性 "handleSizeChange"，但该属性 / 方法未定义

[Vue warn]：渲染期间访问了属性 "handleCurrentChange"，但该属性 / 方法未定义

问题原因

• 在组件渲染过程中，尝试使用了一个名为 handleSizeChange 的属性 / 方法，但该属性 / 方法并没有在组件实例中定义

处理策略

• 确保使用的属性 / 方法在组件实例中定义

<el-pagination
    v-model:current-page="currentPage"
    v-model:page-size="pageSize"
    :page-sizes="[50, 100]"
    background
    layout="sizes, total, prev, pager, next, jumper"
    :total="pageTotal"
    @size-change="handleSizeChange"
    @current-change="handleCurrentChange" />

const currentPage = ref(1);

const pageSize = ref(50);

const pageTotal = ref(0);

const handleSizeChange = () => {
    ...
}

const handleCurrentChange = () => {
    ...
}