uniapp仿制下拉框实现文字联想功能 - 输入联想（官方样式及源码）

简介：
本项目展示了如何在uniapp中创建一个类似官方样式的输入联想下拉框。通过提供的源代码，开发者可以轻松地为他们的应用添加高效的文字联想功能，提升用户体验。 一般情况下使用一个输入框来输入关键词，并且会下拉显示搜索列表。 在ElementUI中有提供 `` 组件，但在uniapp的官方文档中没有如此详细的实现，因此我对其进行了一些扩展： ### 三、参数说明： | 名称 | 类型 | 说明 | | ---- | ------ | :-- | | type | int | 如果页面上有多个联想词条，并且内容不一致时，使用此字段来与接口对接。| | value| String | 联想词条的内容。 | | algin| String | 弹出框的方向，默认为bottom，可以设置为top。| |emptyTips|String| 当没有搜索结果或词条为空时显示的文本内容（未纳入实现）。| | @confirm | Method | 选中事件，在用户点击了联想列表中的某个选项后触发该方法，并返回所选择的内容text | ### 四、功能优势： - 使用官方样式，使界面看起来更美观。 - 可以进行扩展使用。 - 支持与input和textarea等控件配合。 ### 扩展内容： - 输出格式 format - 禁用某些item项 - 未完待续......