el-autocomplete change
时间: 2023-08-22 11:12:54 浏览: 113
根据引用\[1\]和引用\[2\]的内容,可以看出el-autocomplete组件的change事件是通过handleChange函数触发的。在element-ui 2.13.2+版本中,可以通过修改handleChange函数来实现自定义的change事件逻辑。具体的修改方法是,在获取到autocomplete组件实例后,判断是否已经展开输入建议,如果是,则创建观察函数来监听suggestions子组件的showPopper变化,当showPopper变为false时,移除观察函数并触发change事件;如果不是,则直接触发change事件。
根据引用\[3\]的内容,可以看出el-autocomplete组件的change事件可以通过@change="handleChange"来绑定一个方法。在该方法中可以处理change事件的逻辑。在给el-autocomplete组件添加change事件时,可以使用v-model来绑定一个数据,当change事件触发时,可以通过该数据来获取输入框的值。
综上所述,el-autocomplete的change事件可以通过修改handleChange函数或者绑定一个自定义的方法来实现。
#### 引用[.reference_title]
- *1* *2* *3* [修复el-autocomplete组件监听change返回值始终是输入框的值而非选中的“输入建议”值](https://blog.csdn.net/weixin_42309175/article/details/122056318)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文