el-autocomplete为什么第一次选中输入框时,不会提供建议列表,第二次选中才会提供
时间: 2023-07-17 15:09:37 浏览: 102
基于Vue el-autocomplete 实现类似百度搜索框功能
el-autocomplete组件第一次选中输入框时不会提供建议列表,通常是因为组件的默认行为是在用户开始输入内容后才触发查询事件并获取建议数据。
el-autocomplete组件通常会在以下情况下触发查询事件并获取建议数据:
1. 用户输入内容时:当用户在输入框中输入内容时,组件会根据输入的内容触发查询事件,然后发送请求获取建议数据。
2. 用户点击下拉列表时:当用户点击下拉列表中的某个建议项时,组件会根据选中的项触发查询事件,并根据选中项的值填充到输入框中。
因此,第一次选中输入框时并不会触发查询事件,也就不会发送请求获取建议数据。只有在用户开始输入内容或从下拉列表中选择建议项后,才会触发查询事件并获取相关的建议列表。
如果你希望在第一次选中输入框时就提供建议列表,你可以通过设置 `:value` 属性为一个初始值来触发查询事件并获取建议数据。例如:
```html
<el-autocomplete
:fetch-suggestions="querySearch"
placeholder="请输入内容"
:value="''" <!-- 设置一个初始值 -->
></el-autocomplete>
```
这样,在第一次选中输入框时,组件会将初始值作为关键字触发查询事件,并从服务器获取相关建议数据来显示建议列表。请根据你的实际需求来选择适合的解决方案。
阅读全文