如何更改 v-for 组件中的 aos-delay 值

问题描述

我使用 v-for 渲染了 4 张 div 卡，我想让它与 data-aos-delay 值一一显示，但不知道如何在与 {{1 一起使用时动态更改 data-aos-delay 值}}

v-for

解决方法

您可以将 i 添加到某个时间，这将增加每个时间的延迟

<div
  v-for="(el,i) in list"
  :key="i"
  data-aos="fade-right"
  :data-aos-delay="1000 + i * 10"
>