45 lines
1.0 KiB
Vue
45 lines
1.0 KiB
Vue
<template>
|
|
<JTPInput ref="jtpInput" v-model="d_page" class="p-paginator-page-input" :aria-label="inputArialabel" :disabled="disabled"></JTPInput>
|
|
</template>
|
|
|
|
<script>
|
|
import InputNumber from 'primevue/inputnumber';
|
|
|
|
export default {
|
|
name: 'JumpToPageInput',
|
|
inheritAttrs: false,
|
|
emits: ['page-change'],
|
|
props: {
|
|
page: Number,
|
|
pageCount: Number,
|
|
disabled: Boolean
|
|
},
|
|
data() {
|
|
return {
|
|
d_page: null
|
|
};
|
|
},
|
|
watch: {
|
|
d_page(newValue) {
|
|
if (this.$refs.jtpInput && !this.$refs.jtpInput.focused) return;
|
|
|
|
this.$emit('page-change', newValue - 1);
|
|
},
|
|
page: {
|
|
handler(newValue) {
|
|
this.d_page = newValue;
|
|
},
|
|
immediate: true
|
|
}
|
|
},
|
|
computed: {
|
|
inputArialabel() {
|
|
return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.jumpToPageInputLabel : undefined;
|
|
}
|
|
},
|
|
components: {
|
|
JTPInput: InputNumber
|
|
}
|
|
};
|
|
</script>
|