请教一个轮询以及置顶的需求(Vue)?

Vue写的项目,用到了Element-ui的Table

  1. 背景描述
    这个table里的数据是轮询(setInterval发出请求),每隔一分钟实时得到的,请求参数limit固定好每次请求得到的tableList的条数,可能隔一段时间过后,原本的第一条数据就会过时,后台不再返回原本的第一条数据,然后再追加一条新的记录返回,因此返回的数据始终都是limit条;
    然后tableList里的数据后台是按时间排序的;
    每一行都有置顶、取消置顶功能:可以将该行的数据置顶到前面;
    还有就是整个表格的数据可以根据日期进行筛选;

  2. 问题描述
    我的问题主要是置顶,取消置顶这一块。
    置顶之后,如何保证下一次请求完成之后,之前置顶的数据依然还是原来的置顶顺序呢?取消置顶之后,被取消置顶的记录最好是回到原来的按时间排序的顺序。
    请问有什么好的实现思路呢?


拉丁的传说
浏览 588回答 1
1回答

守着星空守着你

置顶功能:把你要置顶的这条数据先splice拷贝出来,然后unshift到数组的第一个取消置顶:按时间重新排序即可
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js