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

Question

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

一起使用时

<div
  v-for=" (el, I) in list"
  :key="I"
  data-aos="fade-right"
  :data-aos-delay="?"
>

Answer 1

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

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

How to change aos-delay value in v-for component