避免初始化属性_数据渲染时出错_2种方案

原创已于 2022-08-22 15:17:39 修改 · 132 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

于 2022-08-22 15:08:25 首次发布

博客内容涉及一个前端开发问题，具体是轮播图显示异常。当同时使用两种数据初始化方案时，页面仅显示一张图片；去掉方案一后，能显示四张轮播图，但仍有错误。问题表现为间歇性正常，有时只能显示第一张图片。关闭并重新打开浏览器可暂时解决问题。博客主要探讨了前端轮播图的显示故障及其可能的解决方案。

方案1

给 data中数据, 特别是集合中的数据, 给出初始数据

在这里插入图片描述

方案2

取值之前判断

在这里插入图片描述

bug

对轮播图, 同时做了上面 2种操作之后
页面只出现一张图片
去掉方案1操作之后, 可以显示 4个轮播图, 但是后面3个, 还是不能出现, 只出现背景
关闭浏览器后, 重新打开 index.html后, 可以正常显示 4张轮播图

在这里插入图片描述

正常显示, 4张轮播图

不过, 正常显示 4张轮播图, 是间歇性正常,
时不时地, 只能显示第1张,
实际测试, 关闭浏览器全部页面, 重新打开浏览器, 可以正常显示 4张轮播图

在这里插入图片描述

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。