繁体   English   中英

在Vue中使用AOS库

Using AOS library with Vue

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我在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" />

1 个回复

在创建的方法上添加文档事件侦听器,然后传递vue组件方法。

  created() {
    document.addEventListener('aos:in', this.aosEvent)
  },
   methods: {
    aosEvent(d){
      // event data
      console.log(d);
    }
  }
1 如何使用AOS滚动库?

我使用AOS库进行了滚动动画,现在我希望另一个动画可以在移动设备上工作。假设fading -in将在PC上的div上起作用,而放大将在移动设备上起作用。 我怎样才能做到这一点 ??? ...

4 在 Vue 3 项目中使用 Vue 2 库

有没有办法可以在我的 vue 3 项目中使用 vue 2 制作的库? 有一个我使用 vue 2 制作的包,我想将它导入到我的 vue 3 项目中,但它似乎不起作用。 它给出了以下错误信息。 谢谢您的帮助。 ...

5 无法通过AOS与Alfresco存储库连接

您是我的最后希望...很久以前我一直在寻找答案。 我试图通过aos连接露天仓库。 我按“地图网络驱动器...”,然后填充textFields。 我故事的奇怪之处在于我可以在本地连接,但不能远程连接。 我已经关闭了我的vm server防火墙,以防万一。 我已经编辑了alfres ...

6 AOS(滚动库上的动画)响应性

我正在使用 AOS 库并且它运行良好,我只是在移动设备上显示它时遇到问题,屏幕变得比应有的更宽,另一个意味着它变得无响应。 我已经使用 CSS body{overflow: hidden}属性修复了这个问题,现在它运行良好。 我的问题是有比这更好的解决方案或与图书馆相关的解决方案吗? 我的意思是这 ...

2020-10-09 16:03:04 0 29   aos.js
7 Vue-I18N触发AOS动画

我在NuxtJS网站中使用aos库和vuei18n。 使用aos时,我的网站的一部分会显示动画,当我更改显示的语言时,aos会再次触发整个元素,例如滚动。 我可以用它做些什么,也许在交换语言时禁用aos? 网站www.kawkamateusz.pl 资料来源: https : / ...

8 使用AoS的内核比使用SoA更快

我有两个版本的内核执行相同的任务-填充链接的单元格列表-,两个内核之间的区别是用于存储粒子位置的数据类型,第一个使用float数组存储位置(每个粒子4个float到128位的读取/写入),第二个使用vec3f结构数组存储位置(该结构包含3个浮点数)。 使用nvprof进行了一些测试,我发现 ...

2013-08-08 21:52:05 2 591   cuda
10 如何在 Nuxt.js 中使用 Vue 测试库?

我想在我的Nuxt.js应用程序中使用Vue 测试库。 但是在安装软件包后立即启动测试会触发此错误: 'vue-cli-service' 不是内部或外部命令,也不是可运行的程序或批处理文件。 这大概是因为Nuxt.js不使用vue-cli-service 。 尽管如此,是否有一种简单的 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM