Использование библиотеки AOS с Vue

Question

Я использую библиотеку AOS (Animate on scroll) с vue.AOS предоставляет пользовательское событие JS: document.addEventListener('aos:in', ({ detail }) => { console.log('animated in', detail); });

Я хотел бы запустить функцию, когда это событие происходит.Как мне применить это в моем компоненте vue?Это выглядело бы так: v-on-aos:in с использованием v-on / @, но это не работает.

Это то, что я пробовал: <div v-on:aos:in="myFunction" />

Answer 1

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

  created() {
    document.addEventListener('aos:in', this.aosEvent)
  },
   methods: {
    aosEvent(d){
      // event data
      console.log(d);
    }
  }