看一下我在vue中的这段代码有没有什么明显问题 我这块会导致页面卡主 switch (this.queueSort) { case 'enqueueDiffAscend' : list50.sort((a, b) => { if (a.enqueueCountDiff < b.enqueueCountDiff) return -1 if (a.enqueueCountDiff > b.enqueueCountDiff) return 1 return 0 }); list188.sort((a, b) => { if (a.enqueueCountDiff < b.enqueueCountDiff) return -1 if (a.enqueueCountDiff > b.enqueueCountDiff) return 1 return 0 }); break; case 'enqueueDiffDescend' : list50.sort((a, b) => { if (a.enqueueCountDiff > b.enqueueCountDiff) return -1 if (a.enqueueCountDiff < b.enqueueCountDiff) return 1 return 0 }); list188.sort((a, b) => { if (a.enqueueCountDiff > b.enqueueCountDiff) return -1 if (a.enqueueCountDiff < b.enqueueCountDiff) return 1 return 0 }); break; case 'nameAscend' : list50.sort((a, b) => a.name.localeCompare(b.name)); list188.sort((a, b) => a.name.localeCompare(b.name)); break; case 'nameDescend' : list50.sort((a, b) => b.name.localeCompare(a.name)); list188.sort((a, b) => b.name.localeCompare(a.name)); break; }
时间: 2024-04-07 22:27:58 浏览: 41
在Vue中使用this.$store或者是$route一直报错的解决
根据您提供的代码,我看不出来有明显的问题。这段代码包含了一个 switch case 语句,根据 this.queueSort 的值来对两个数组 list50 和 list188 进行不同的排序操作。这些排序操作都是基于一些简单的比较函数来实现的。
如果这段代码导致页面卡顿,可能是因为排序算法的复杂度较高,或者数组中的元素数量很大。您可以考虑对这些数组进行分页或者懒加载,以减少页面卡顿的问题。另外,您可以通过 Chrome DevTools 的 Performance 工具来分析页面性能瓶颈,以找到具体的原因。
阅读全文