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

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

  1. 背景描述
    这个table里的数据是轮询(setInterval发出请求),每隔一分钟实时得到的,请求参数limit固定好每次请求得到的tableList的条数,可能隔一段时间过后,原本的第一条数据就会过时,后台不再返回原本的第一条数据,然后再追加一条新的记录返回,因此返回的数据始终都是limit条;
    然后tableList里的数据后台是按时间排序的;
    每一行都有置顶、取消置顶功能:可以将该行的数据置顶到前面;
    还有就是整个表格的数据可以根据日期进行筛选;
  2. 问题描述
    我的问题主要是置顶,取消置顶这一块。
    置顶之后,如何保证下一次请求完成之后,之前置顶的数据依然还是原来的置顶顺序呢?取消置顶之后,被取消置顶的记录最好是回到原来的按时间排序的顺序。
    请问有什么好的实现思路呢?
阅读 2.8k
3 个回答

置顶功能:
把你要置顶的这条数据先splice拷贝出来,然后unshift到数组的第一个
取消置顶:
按时间重新排序即可

俩个变量不就解决了
置顶数据
置顶之前的位置信息

我觉得这个置顶顺序,最好是后台记录一下, 不然无法永久保存住, 后台存起来是最安全准确的做法

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题