Переход компонентов vuejs работает только один раз

Question

Я использую nuxt и vuejs для создания слайдера. Я создаю переход для перемещения между различными слайдами следующим образом:

шаблон:

<transition name="slide-fade" mode="in-out">
  <slide1 v-if='activeSlide === "slide1"' />
  <slide2 v-if='activeSlide === "slide2"' />
</transition>

скрипт:

computed: {
  activeSlide() {
    return this.loadedSlide
  }
},

, поэтому эти коды будут монтировать мой компонент слайда, когда он активен.

в крюке slide1 компонентный монтирован () Я создаю плавное преобразование масштаба следующим образом:

mounted() {
      document.querySelector('.background').setAttribute('style', 'transform:scale(1)')
    },

первый переход слайда работает простоодин раз, когда я перезагружаю страницу, но после перезагрузки, когда слайд активирован, он больше не будет работать;

я пытаюсь использовать classList.add, он тоже работает только один раз.

, когда я использую console.log вmount hook работает как положено, но не добавляет класс или атрибут как положено