primevue-mirror/components/lib/paginator/PrevPageLink.vue

37 lines
800 B
Vue
Raw Normal View History

2022-09-06 12:03:37 +00:00
<template>
2022-09-14 11:26:01 +00:00
<button v-ripple :class="containerClass" type="button">
<component :is="template || 'AngleLeftIcon'" class="p-paginator-icon" />
2022-09-14 11:26:01 +00:00
</button>
2022-09-06 12:03:37 +00:00
</template>
<script>
import AngleLeftIcon from 'primevue/icons/angleleft';
2022-09-06 12:03:37 +00:00
import Ripple from 'primevue/ripple';
export default {
name: 'PrevPageLink',
props: {
template: {
type: Function,
default: null
}
},
2022-09-06 12:03:37 +00:00
computed: {
containerClass() {
2022-09-14 11:26:01 +00:00
return [
'p-paginator-prev p-paginator-element p-link',
{
'p-disabled': this.$attrs.disabled
}
];
2022-09-06 12:03:37 +00:00
}
},
components: {
AngleLeftIcon: AngleLeftIcon
},
2022-09-06 12:03:37 +00:00
directives: {
2022-09-14 11:26:01 +00:00
ripple: Ripple
2022-09-06 12:03:37 +00:00
}
2022-09-14 11:26:01 +00:00
};
2022-09-06 12:03:37 +00:00
</script>