本文介绍了如何使用JavaScript对数据库中的图片数据进行乱序显示，通过`sort()`函数结合随机数实现动态乱序效果。在WXML页面中，由于视图由JS生成，可能遇到排序错乱的问题，解决方案是调整CSS样式。最终实现了每次编译时图片都能随机展示的效果。
```#Javascript 数组图片乱序处理
// 获取数据库
musiclist.get().then(res => {
// 获取数据库前对数据进行乱序处理
res.data.sort(function (a, b) {
return Math.random() -0.5;
});
this.setData({
playlist: res.data,
})
**
展示一下效果图
##每次编译进行乱序显示
首先是js代码部分
wxml页面部分
这里要特别注意一下
#因为wxml页面下,单个view是由js生成的,有可能出现热门歌曲排序错乱问题,在此我特意修改了css的样式
**
注意
**
最后的效果图
扫一扫
1944
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
