add class if variable exists vue js

    By: Thad Mertz
    3 years ago
    Category: VuejsViews: 187

    Ok We can pass variable as class if variable exists in loop, Here is the code

    <li :class="`page-item page-item-${page ? page : ''}`"  v-for="(page,index) in totalPages" :key="index"
    v-on:click.prevent="getPostsPagination(page)"
    >
        <a class="page-link">
            {page}
        </a>
    </li>
    

    Notice

    :class="`page-item page-item-${page ? page : ''}`"
    

    Here we are setting "page-item-{VARIABLE}" as class

    Which outputs as


    So we have classes "page-item-1", "page-item-2" & "page-item-3" from loop