vue中axios的二次封装el-input

在Vue中，可以通过对axios进行二次封装来实现el-input的功能。通过引用中的代码可以看出，一次封装的axios请求被包裹在debounceFun函数中。该函数会延迟一定时间后再执行axios请求，以防止频繁的请求。在这里，debounceFun函数被用于监听搜索框内容的变化，并在输入完成后执行搜索函数。

另外，引用中的代码提供了Vue中使用el-input的示例。其中，el-input是一个Vue组件，通过v-model绑定search变量来实现数据的双向绑定。通过输入框的变化，使用watch监听search变量的变化，一旦输入完成，就会执行debounceFun函数中的搜索函数。

最后值得注意的是，引用中的debounceFun函数和throttleFun函数是具体实现防抖和节流的工具函数，可以在Vue项目中直接使用。这两个函数分别用于控制函数的执行频率，保证在一定时间内只执行一次搜索函数。

综上所述，在Vue中，可以通过对axios进行二次封装，并结合el-input组件、debounceFun函数和watch来实现输入框的搜索功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [el-input输入框的监听以及防抖节流的实现](https://blog.csdn.net/m0_74149462/article/details/128978865)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [go语言恶意代码检测系统-对接前端可视化与算法检测部分](https://download.csdn.net/download/liufang_imei/88222624)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]