web
2025-03-26 98247bb0b4da9a322c97867262c1a76c53ace520
src/components/Table/index.vue
@@ -43,7 +43,7 @@
const loading = ref(false);
// 默认第一页
const getData = (data={page:1}) => {
const getData = (data={ page: state.page }) => {
    const pagedata = { limit: state.limit, page: data.page, ...props.searchData }
    loading.value = true;
    props.getList(pagedata).then(res => {
@@ -54,12 +54,19 @@
    })
}
// 分页按钮
const paginationFun = (data) => {
    state.page = data.page
    getData(data)
}
onMounted(() =>{
    getData({ page: state.page })
})
// 将方法抛出去,外面可以调用
defineExpose({
    state,
    getData
})
</script>
@@ -109,9 +116,9 @@
            <pagination
                layout="prev, pager, next, jumper"
                :total="state.total"
                :page="state.current"
                :page="state.page"
                :limit="state.limit"
                @pagination="getData"
                @pagination="paginationFun"
            />
            <!-- 页码右侧自定义插槽,可以加自定义按钮 -->
            <slot name="pagination"></slot>