32 lines
767 B
Vue
32 lines
767 B
Vue
<template>
|
|
<tiny-pager is-before-page-change @before-page-change="onBeforePageChange" :current-page="currentPage" @update:current-page="currentPage = $event" :page-size="100" layout="total, sizes, prev, pager, next, jumper" :total="1000">
|
|
</tiny-pager>
|
|
</template>
|
|
|
|
<script>
|
|
import { Pager, Modal } from '@opentiny/vue'
|
|
|
|
export default {
|
|
components: {
|
|
TinyPager: Pager
|
|
},
|
|
data() {
|
|
return {
|
|
currentPage: 5
|
|
}
|
|
},
|
|
methods: {
|
|
onBeforePageChange(param) {
|
|
const { callback, rollback } = param
|
|
Modal.confirm('您确定要放弃当前页的修改吗？').then((res) => {
|
|
if (res === 'confirm') {
|
|
callback && callback()
|
|
} else {
|
|
rollback && rollback()
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|