Использование библиотеки 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);
    }
  }