本文共 819 字,大约阅读时间需要 2 分钟。
`
//置顶功能async function stickHonor(index) { const obj = this.honorList[index]; const id = obj.id; obj.isStick = 1; // 调用接口置顶 const res = await stickStudentHonors({id, isStick: 1}); // 删除原位置 this.honorList.splice(index, 1); // 将元素插入到数组开头 this.honorList.splice(0, 0, obj);}//取消置顶功能async function unstickHonor(index) { // 计算当前被置顶的元素总数 let sum = 0; for (const data of this.honorList) { if (data.isStick === 1) { sum++; } } const obj = this.honorList[index]; const id = obj.id; // 调用接口取消置顶 const res = await stickStudentHonors({id, isStick: 0}); // 删除原位置 this.honorList.splice(index, 1); // 将元素插入到置顶前面一个位置 this.honorList.splice(sum - 1, 0, obj);} 置顶和取消置顶功能是前端常见的逻辑操作。上述代码实现了基于数组操作的置顶逻辑,其中使用splice方法进行元素插入和删除。通过这种方法,数组会自动响应式更新,避免了手动刷新的需求。
转载地址:http://ffviz.baihongyu.com/