el-autocomplete那些在饿了么官方文档看不到的API

简介: el-autocomplete那些在饿了么官方文档看不到的API


宝藏属性:

activated:可以解决在输入框输入了内容后,点击clear删除,不再聚焦触发下拉框的问题

suggestions :可以主动触发fetch-suggestions绑定的cb回调函数,直接给下拉框内容赋值


如果不用activated属性,就会导致输入内容后点击clear删除,下拉框无法出现的问题

给<el-autocomplete ... ref='autocomplete ' @clear="clear"...>加入ref='autocomplete'

clear(d){
    this.$nextTick(() => {
        this.$refs.autocomplete.focus();
        this.$refs.autocomplete.activated = true;//这句话是重点
    });
},


直接使用suggestions属性给下拉框赋值

clear(d){
    this.$nextTick(() => {
        this.$refs.autocomplete.focus();
        this.$refs.autocomplete.activated = true;//这句话是重点
        //直接给下拉框内容赋值
        this.$refs.autocomplete.suggestions = [
            { value: '特斯拉(上海)有限公司', lxr: '马斯克', gsdz: '中国(上海)自由贸易试验区临港新片区江山路5000号', dh: '020-XXXXXXXX', },
            { value: '特斯拉(上海)有限公司', lxr: '马斯克', gsdz: '中国(上海)自由贸易试验区临港新片区江山路5000号', dh: '020-XXXXXXXX', }
        ];
    });
},


相关文章
|
10天前
|
人工智能 安全 架构师
告别旅行规划的"需求文档地狱"!这个AI提示词库,让你像调API一样定制完美旅程
作为开发者,旅行规划如同“需求地狱”:信息碎片、需求多变、缺乏测试。本文提出一套“企业级”AI提示词库,将模糊需求转化为结构化“API请求”,实现标准化输入输出,让AI成为你的专属旅行架构师,30分钟生成专业定制方案,提升决策质量,降低90%时间成本。
73 2
|
12月前
|
API
阿里云短信服务文档与实际API不符
阿里云短信服务文档与实际API不符
|
7月前
|
前端开发 Cloud Native Java
Java||Springboot读取本地目录的文件和文件结构,读取服务器文档目录数据供前端渲染的API实现
博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
Java||Springboot读取本地目录的文件和文件结构,读取服务器文档目录数据供前端渲染的API实现
|
Java API 开发者
在Spring Boot中集成Swagger API文档
在Spring Boot中集成Swagger API文档
|
9月前
|
开发框架 数据可视化 .NET
.NET 中管理 Web API 文档的两种方式
.NET 中管理 Web API 文档的两种方式
146 14
|
9月前
|
API 开发者
通义灵码 API 开发文档自动生成场景DEMO
通义灵码API开发文档自动生成场景DEMO展示了通过自定义指令,大模型能快速根据类代码生成Markdown格式的API文档。文档详细描述API的入参、出参,并可生成测试代码等示例,帮助开发者快速创建美观的API文档。
440 1
|
11月前
|
JSON 前端开发 API
后端开发中的API设计与文档编写指南####
本文探讨了后端开发中API设计的重要性,并详细阐述了如何编写高效、可维护的API接口。通过实际案例分析,文章强调了清晰的API设计对于前后端分离项目的关键作用,以及良好的文档习惯如何促进团队协作和提升开发效率。 ####
|
Java API 数据中心
百炼平台Java 集成API上传文档到数据中心并添加索引
本文主要演示阿里云百炼产品,如何通过API实现数据中心文档的上传和索引的添加。
803 4
|
安全 Java API
Nest.js 实战 (三):使用 Swagger 优雅地生成 API 文档
这篇文章介绍了Swagger,它是一组开源工具,围绕OpenAPI规范帮助设计、构建、记录和使用RESTAPI。文章主要讨论了Swagger的主要工具,包括SwaggerEditor、SwaggerUI、SwaggerCodegen等。然后介绍了如何在Nest框架中集成Swagger,展示了安装依赖、定义DTO和控制器等步骤,以及如何使用Swagger装饰器。文章最后总结说,集成Swagger文档可以自动生成和维护API文档,规范API标准化和一致性,但会增加开发者工作量,需要保持注释和装饰器的准确性。
418 0
Nest.js 实战 (三):使用 Swagger 优雅地生成 API 文档
|
开发框架 Java 测试技术
Spring Boot中的API文档生成
Spring Boot中的API文档生成