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

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

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

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

posted @ 2019-04-08 09:41  燃烧小火苗  阅读(2624)  评论(0编辑  收藏  举报