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

Question

我使用 v-for 渲染 4 个 div 卡，我想让它与data-aos-delay值一一显示，但不知道如何data-aos-delay在使用 with 时动态更改值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"
>