primevue-mirror/src/components/paginator/RowsPerPageDropdown.vue

35 lines
820 B
Vue

<template>
<RPPDropdown :value="rows" :options="rowsOptions" optionLabel="label" optionValue="value"
@input="onChange($event)"></RPPDropdown>
</template>
<script>
import Dropdown from '../dropdown/Dropdown';
export default {
inheritAttrs: false,
props: {
options: Array,
rows: Number
},
methods: {
onChange(value) {
this.$emit('rows-change', value);
}
},
computed: {
rowsOptions() {
let opts = [];
if (this.options) {
for(let i= 0; i < this.options.length; i++) {
opts.push({label: String(this.options[i]), value: this.options[i]})
}
}
return opts;
}
},
components: {
'RPPDropdown': Dropdown
}
}
</script>