ember/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改时间

Browse Source
This commit is contained in:
ember 2025-02-14 02:59:35 +08:00
parent f36aaf80f0
commit 41fa419137
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
content/post/实习小记/下拉联想.md
View File

@ -10,7 +10,7 @@ tags: [
"Vue",
"前端"
]
lastmod: 2025-02-14T01:40:00+08:00
lastmod: 2025-02-14T02:58:00+08:00
---
给公司写Vue组件时，需要实现一个下拉联想结果，这个下拉联想结果是根据用户输入内容实时调用API获取的，当用户输入内容时，下拉联想结果会自动弹出。自然地，如果用户点击了其他地方，下拉联想结果应该自动关闭，以保证用户体验。
@ -121,7 +121,7 @@ beforeDestroy() {
另外，页面中有多个联想输入框时，使用全局`click`事件就能统一管理所有输入框的失焦逻辑，避免为每个输入框单独绑定`blur`事件可能带来的冗余代码，或者一些其他的不一致状态。
附组件的HTML和JS部分完整代码：
又熬到3点了，看来这辈子不可能早睡了。。。附组件的HTML和JS部分完整代码：
```html
<template>
<div class="search-panel">