[Vuejs]-I need assistance in implement Laravel Vue Pagination package successfully

by

1👍

✅

You are missing implementation of getData method

As per documentation of Vue pagination package

We use the getResults() method to fetch some data from a Laravel
application. This method is called when the component is created. The
initial data could also be passed as a prop to the component.

👤r00t

0👍

If anyone is interested I used the following code to write my own pagination implementation for vue frontend.

<script>
import { Link } from "@inertiajs/inertia-vue3";

defineProps({
    articles: Object,
    links: [],
});
</script>

<template
    v-for="(link, key) in articles.links"
    :key="key"
>
    <div
        v-if="link.url === null"
        v-html="link.label"
        class="text-gray-400 text-sm mb-1 mr-1 px-4 py-3 leading-4 border rounded"
    / >
    <Link
        v-else
        :href="link.url"
        v-html="link.label"
        class="border text-sm mb-1 mr-1 px-4 py-3"
    / >
</template>
👤Cam

Leave a comment