lodashi防抖处理

1、安装 lodash

# yarn add lodash
npm i lodash

2、防抖处理

// lodash 支持按需加载，有利于打包结果优化
import { debounce } from "lodash"
// 不建议下面这样使用，因为这样会加载整个模块。
import _ from 'lodash'
_.debounce()

使用方法

// debounce 函数
	searchText: {
		// 当searchText发生改变的时候就会调用handler函数
		// 注意: handler函数名称是固定的
		// handler(value) {
		//   this.getSearch(value)
		// },
		// 可以写成
		// handler: function() {
		// 		this.getSearch(value)
		// }
		// debounce 一个函数(第三方库lodashi.js)
		// 参数一: 一个函数    参数二: 延迟时间 单位是毫秒
		// 返回值: 防抖之后的函数
		handler: debounce(function(value) {
		// 发送请求 获取搜索结果
			this.getSearch(value)
		}, 500),
		immediate: true // 该回调函数将会在侦听开始之后被立即调用
	}