| | |
| | | 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 => { |
| | |
| | | }) |
| | | } |
| | | |
| | | // 分页按钮 |
| | | const paginationFun = (data) => { |
| | | state.page = data.page |
| | | getData(data) |
| | | } |
| | | |
| | | onMounted(() =>{ |
| | | getData({ page: state.page }) |
| | | }) |
| | | |
| | | // 将方法抛出去,外面可以调用 |
| | | defineExpose({ |
| | | state, |
| | | getData |
| | | }) |
| | | </script> |
| | |
| | | <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> |