Question

我在vue中使用AOS（滚动动画）库。 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);
    }
  }

在Vue中使用AOS库

1 个答案: