前端根据关键字做查询,有后端什么事

         在开发过程中,经常会遇到关键字查询功能,比如酒店列表,搜索酒店名称查询对应酒店,如果将查询交于后端实现的话,前端只需将关键字传递给后端接口,但是不断的请求服务器定然不是可行之举啊!
         所以最优的解决方案就是只访问一次服务器拿到所有的酒店数据,然后在前端去做筛选。具体怎么实现呢?

watch: {
			hotel_name: function(newval, oldval) {
				if (newval) {
					var old_data = this.hotel_list;//所有酒店信息
					this.hotels = [];//展示的数据
					for (var key in old_data) {
						if (String(old_data[key].name).toLowerCase().indexOf(newval) > -1) {
							this.hotels.push(old_data[key])//筛选出的数据
						}
					}
					return this.hotels;
				}
				this.hotels = this.hotel_list;//筛选信息为空时
			}
		}

首先监听搜索框中查询的关键词,然后遍历所有酒店相关信息,进行筛选,最后展示数据。

  • 2
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值