как добавить активный класс в конкретный div - PullRequest
Новая
       28

как добавить активный класс в конкретный div

0 голосов
/ 08 февраля 2019 
<newsfeed-view inline-template :newsfeed="{{  $feed }}">
    <article class="bg-white p-8 w-1/2 mt-4 p-4" id="newsfeedPost" v-bind:class="{ 'active' : isHighlighted } ">
        <h3>
            <a href="#" class="text-blue-dark hover:no-underline hover:text-black active:no-underline active:text-4xl" @click="this.isHighlighted = true">{{  $feed->newsfeed_title }}</a>
        </h3>
        <p class="mt-4">{{ $feed->body }}</p>
    </article>
</newsfeed-view>

Это мой стиль раздела 

<style lang="scss" scoped>
.highlighted { 
    @apply .border-l-4 .border-orange ;
}

#newsfeedPost { 
    @apply .rounded-lg ; 
}


</style>

Я хочу добавить выделенный класс, если я нажму на этот тег привязки ..

1 Ответ

0 голосов
/ 08 февраля 2019

Ваша линия v-bind:class="{ 'active' : isHighlighted }" переключит класс active.Если вы хотите переключить класс highlighted, как указано в вашей таблице стилей, используйте: 

v-bind:class="{ 'highlighted' : isHighlighted }"
...