el-autocomplete 如何关闭自动发送请求
时间: 2023-09-11 14:11:07 浏览: 166
要关闭 el-autocomplete 组件的自动发送请求功能,你可以使用 `:fetch-suggestions` 属性,并将其设置为一个空函数或一个不发送请求的自定义方法。下面是一个示例:
```html
<el-autocomplete :fetch-suggestions="customFetch"></el-autocomplete>
```
```javascript
methods: {
customFetch(queryString, callback) {
// 不发送请求,直接将建议选项设置为一个空数组
callback([]);
}
}
```
在这个示例中,我们在 el-autocomplete 组件上使用了 `:fetch-suggestions` 属性,并将其设置为名为 `customFetch` 的自定义方法。在 `customFetch` 方法中,我们不发送请求,而是直接将建议选项设置为一个空数组,通过 `callback([])` 来实现。
这样做将阻止 el-autocomplete 组件自动发送请求,并且不会显示任何建议选项。你可以根据需要在 `customFetch` 方法中添加逻辑,例如从其他来源获取建议选项的数据并手动设置。
请注意,`customFetch` 方法的第一个参数是用户输入的查询字符串,第二个参数是一个回调函数,用于接收建议选项数据并将其设置到 el-autocomplete 组件中。
通过这种方式,你可以关闭 el-autocomplete 组件的自动发送请求功能,并根据自己的需求自定义获取建议选项的行为。
阅读全文