vue远程搜索下拉框（输入框）使用lodash防抖

vue远程搜索下拉框（输入框）使用lodash防抖

需求
做一个带有远程搜索的下拉框，用户输入字符后，根据输入的字符去后台获取匹配的数据列表，展示在下拉框，供用户选择。
问题
用户如果每隔半秒输入一个字符，那就会不停的去后台请求匹配到的数据。很明显不合理，而且数据过多的时候这里就会卡顿，因此需要防抖，即设置3秒内不管用户输入多少个字符，最终只根据最后一次输入完毕后输入框的字符去后台请求匹配数据。

步骤：

1、安装lodash

npm i --save lodash

2、文件中引入lodash

let lodash = require('lodash')

3、使用
这里要注意防抖是要对哪个方法起作用，我先放上html片段：