小程序如何动态增加样式
问题描述
小程序上传一组图片,循环出来的,然后现在就是有重复的图片,不知道重复几张,重复的图片要增加一个红色的border,我现在就是能够知道重复图片的位置,就是这个样式加不起来,每个图片的id啊,data-index啥的都加了。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
小程序上传一组图片,循环出来的,然后现在就是有重复的图片,不知道重复几张,重复的图片要增加一个红色的border,我现在就是能够知道重复图片的位置,就是这个样式加不起来,每个图片的id啊,data-index啥的都加了。
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(3)
如果题主可以知道重复图片的条件,比如你说的位置(索引)。就可以根据判断索引来给当前图片加样式了。
:style="{border: index === 1 ? '1px solid red' : '';}"
比如vue写法,当你知道的Index 等于重复图片的的Index(这边写死了1)就好了1.将重复的图片索引保存到一个数组里
2.循环的时候判断当前索引是否存在数组中,
includes(index)
为真则添加样式或class你能知道重复图片的位置?那你给他们一个新的属性。然后绑定视图的时候判断有这个属性就增加一个class