data() {
return {
isActive: true,
};
},
<template>
<button>
:class="isActive ? 'on' : 'off'"
v-on:click ="isActive = !isActive"
</button>
<button>
:class="isActive ? 'on' : 'off'"
v-on:click ="isActive = !isActive"
</button>
<button>
:class="isActive ? 'on' : 'off'"
v-on:click ="isActive = !isActive"
</button>
</template>
В данном случае, похоже, что проблема может быть связана с фильтром, который вы пытаетесь применить в функции getItems. Объект фильтра должен содержать пары ключ-значение, которые соответствуют именам полей и желаемым значениям для фильтрации коллекции. Похоже, что вы пытаетесь отфильтровать коллекцию "blog" по полю "slug" и значению "SLUG", но неясно, откуда берется фактическое значение slug.
Чтобы решить эту проблему, надо убедиться, что значение slug передается объекту фильтра. Можешь передать его в качестве параметра в функции getItems.
Также надо убедиться, что маршрутизация настроена правильно. Nuxt использует пакет vue-router для обработки маршрутизации на стороне клиента, поэтому тебе нужно будет обновить конфигурацию маршрутизатора для сопоставления входящих URL с нужным компонентом.
Вы можете использовать модуль @nuxtjs/router для динамической загрузки компонента на основе slug.
Также важно убедиться, что сервер правильно настроен для работы с динамической маршрутизацией. Возможно придется обновить код на стороне сервера, чтобы он обрабатывал запросы к URL со slugs и возвращал правильное содержимое.