时间戳

首页 > 解决方案 > AOS（滚动动画）可以与 vue 3.0 一起使用吗？

vue.js - AOS（滚动动画）可以与 vue 3.0 一起使用吗？

问题描述

我试图在我的 vue cli 项目中使用 AOS 包。

我已经像这样导入了项目

import AOS from 'aos'
import 'aos/dist/aos.css'

内部方法我已经启动了这样的 AOS

 methods:{
     mounted(){
       AOS.init()
     }
  },

我在div上应用了这样的aos

<div class="band_prop" data-aos="fade-up">
     <img class="band-icon" src="../assets/icons/technology.png" alt="Launch Innovative Ideas">
     <h4 class="band-text">Launch Innovative Ideas</h4>
</div>

在我应用 AOS 后，div 内的整个数据都消失了。这意味着动画没有发生。知道我该如何解决吗？

标签： vue.jsaos.js

解决方案

推荐阅读