Level 51
{{ link.label.replaceAll('«', '').replaceAll('»', '') }}
Apr 9, 2023
8
Level 11
Pagination previous « » next
Hey how can I hide « and » without using v-htm? Thanks.
<template v-for="(link, key) in links">
<div
v-if="link.url === null"
:key="key"
class="mb-1 mr-1 px-4 py-3 text-gray-400 text-sm font-medium leading-4 border rounded"
>
{{ link.label }}
</div>
<Link
v-else
:key="`link-${key}`"
class="mb-1 mr-1 px-4 py-3 focus:text-gray-900 text-gray-700 text-sm font-semibold leading-4 hover:bg-gray-100 border focus:border-gray-400 rounded"
:class="{ 'bg-gray-100': link.active }"
:href="link.url"
>
{{ link.label }}
</Link>
</template>
Level 11
@MohamedTammam Thanks for your answer, but it didn't work for me.
Level 51
@@foobar What's the result?
Level 11
@MohamedTammam the same , two buttons « Previous and Suivant »
Level 51
Publish the pagination assets and customise the pagination to your liking:
php artisan vendor:publish --tag=laravel-pagination
Read about it here: https://laravel.com/docs/10.x/pagination
Level 11
@jaseofspades88 I am using Vue
Level 51
@foobar the principle is still the same; customise the pagination links to have just as you wish
Level 1
The problem is that the & is an HTML entity and must be replaced with &
{{ link.label.replaceAll('&laquo;', '').replaceAll('&raquo;', '') }}
Please or to participate in this conversation.