首页 > 其他 > 详细

vue中实现前端列表关键词筛选解决方案

时间:2019-04-08 10:04:23      阅读:260      评论:0      收藏:0      [点我收藏+]

  在实际的基于Vue前端MVVM框架开发的过程中,往往会遇到如下需求:对于某一个从后端获取到的数据列表,为了方便使用者,往往在需求定义时,需要通过某个字段关键词进行前端快速定位,当没有输入关键词时,列表数据需要恢复为初始状态。

  同时,如果对于原数据列表进行过滤必然是不行了,因为不需要过滤时还需要还原数据列表,故而需要中间变量来复制原始列表数据,但是JS中,对于简单的对象数据复制传值方式是引用传递方式,所以,不论对于哪个数据源进行过滤操作都务必会影响到另一个数据源,进而达不到需求。

  此时,使用先序列化(JSON.stringify)再反序列化(JSON.parse)这种方式来深度克隆对象在一般情况下很方便,用这种方式就可以实现以上业务需求。(此方法的缺点就是无法克隆函数以及继承的属性)。

vue中实现前端列表关键词筛选解决方案

原文:https://www.cnblogs.com/zhang134you/p/10668692.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!