Vue Lazy加载横幅

Question

我在一个页面上有5个横幅，根据用户的点击选择显示或隐藏。

在这一点上，横幅数据来自API，我正在为API上的每个横幅条目迭代横幅组件，你知道我如何才能在用户点击后下载图像吗？我尝试过懒惰加载原生行为，但图像在一开始就加载了，因为所有图像都出现在第一次滚动时，我通过用户点击来显示或隐藏图像。

<banner-base
v-for="banner in entry.banners"
:key="banner.id"
:slug-ficha="slugSelected"
:promo-selected="promoSelected"
:banner-id="banner.id"
/>

Answer 1

您可以在img元素上使用v-show指令，它只有在单击标题时才会显示。