So vermeiden Sie das Hinzufügen von class="" zum letzten Element einer Vue.js-Schleife

Question

Entfernen Sie in der VueJS-Vorlage die Tailwind-Klasse, wenn Sie die letzte Iteration des Index durchlaufen.

In der Vorlage

v-for="(service, index) in getAllServices.home_page_services" :key="index"

Im Skript

<script>
Standard exportieren {
    mount() {
        this.$store.dispatch("getHomePageContent")
    },
    berechnet: {
        getAllServices(){
            Geben Sie dies zurück.$store.getters.getContentFormGetters
        }
    }
}

Answer 1

i can solve it

:class="{ 'lg:border-r-2 lg:border-blue-650': index < getAllServices.home_page_services.length - 1 }"