javascript - 我正在使用 vue 2 和 AOS 库我正在尝试在按钮单击时重新启动某些 div 的动画

Question

我正在使用 vue 2 和 AOS 库我正在尝试通过单击按钮重新启动某个 div 的动画。tnx 为您解答

   <template>
     <div>
      <div class="all-items">
        <div class="item" data-aos="fade-up">1</div>
        <div class="item" data-aos="fade-down">2</div>
        <div class="item" data-aos="fade-right">3</div>
        <div class="item" data-aos="fade-left">4</div>
      </div>
      <button type="submit" @click="refrashAnimation">
        refrash animation for all-items
      </button>
     </div>
    </template>
    <script>
    import AOS from 'aos'
    import 'aos/dist/aos.css'
     export default {
      created () {
       AOS.init()
     },
     methods:{
      refrashAnimation(){
       AOS.refrash()//for only elements under all-items class
      }
     }
    }
   </script>