Vue.js ループの最後の要素に class="" を追加しないようにする方法

Question

vuejs テンプレートで、インデックスの最後の反復をループするときに tailwind クラスを削除します。

テンプレート内

v-for="(サービス, インデックス) in getAllServices.home_page_services" :key="index"

スクリプト内

<script>
デフォルトのエクスポート {
    マウントされた() {
        this.$store.dispatch("getHomePageContent")
    }、
    計算結果: {
        getAllServices(){
            this.$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 }"