el-autoComplete的使用和注意事项

最新推荐文章于 2024-07-04 16:02:12 发布

qiuqiu1894

最新推荐文章于 2024-07-04 16:02:12 发布

阅读量6.9k

点赞数

分类专栏： web前端文章标签： javascript node.js reactjs 前端

本文链接：https://blog.csdn.net/qiuqiu1894/article/details/103571552

版权

在前端开发中，使用 el-autocomplete 组件时遇到问题，由于数据项 item 不固定导致用户选择的值无法正确对应。解决办法是确保数组为对象数组，并将显示值存储在 value 属性中。通过调整数据结构和组件处理函数，成功解决了反显和匹配问题。

摘要由CSDN通过智能技术生成

                                <el-autocomplete
                                    v-model="item.provalue"
                                    placeholder="输入关键词搜索"
                                    filterable
                                    clearable
                                    :fetch-suggestions="querySearch"
                                    style="width:100%"
                                    @select="handleSelect">