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

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

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

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

转载于:https://www.cnblogs.com/zhang134you/p/10668692.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值