防抖实时搜索列表

最新推荐文章于 2024-07-22 15:13:59 发布

学如逆水，不进则退

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量118

点赞数 2

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/TZ1284063988/article/details/139145681

版权

// 定义防抖函数
			debounce(func, delay) {
				let timerId;
				return function(...args) {
					const context = this;
					clearTimeout(timerId);
					timerId = setTimeout(() => {
						func.apply(context, args);
					}, delay);
				};
			},



			//实时搜索
			inputChange(e) {
				this.$set(this.form, 'name', e)
				this.searchList = []
				this.$set(this.form, 'page', 1)
				this.$set(this.form, 'page_size', 20)
				console.log(e);
				this.debounce(this.getList(), 1000)
			},

//获取列表
			getList() {
				equipmentList(
					this.form
				).then(res => {
					this.searchList = this.searchList.concat(res.data)
					this.allPage = res.page_count
					this.loadingStatus = this.form.page < this.allPage ? 'loadmore' : 'nomore';
				}).catch(res => {
					this.searchList = []
					this.allPage = 1
					this.loadingStatus = 'nomore'
				})
			},