Vue 延迟加载横幅
P粉041758700
P粉041758700 2024-03-28 23:03:47
[Vue.js讨论组]

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

此时横幅数据来自 API,我正在为 API 上的每个横幅条目迭代横幅组件,知道如何仅在用户单击后下载图像吗? 我尝试过延迟加载本机行为,但图像在开始时加载,因为它们全部出现在第一次滚动时,我通过用户单击显示或隐藏图像。

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

P粉041758700
P粉041758700

全部回复(1)
P粉448130258

您可以在 img 元素上使用 v-show 指令,它仅在单击横幅时显示。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号