解决 el-autocomplete 不显示及没数据时闪一下的问题

最新推荐文章于 2023-12-22 16:40:48 发布
最新推荐文章于 2023-12-22 16:40:48 发布
阅读量735 收藏
点赞数
文章标签： elementui
原文链接：https://www.bbsmax.com/A/lk5aPAlPJ1/
版权

原文链接：https://www.bbsmax.com/A/lk5aPAlPJ1/

注：数据必须是数组对象，且操作的对象必有value属性，否则选不中数据

是！豆哈哈
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
autocomplete请求无数据时一直牌loading完美处理
代码青春
09-07 1256
autocomplete请求无数据时一直牌loading完美处理
google-autocomplete：Google自动完成Vue组件
02-04
Google自动完成 我之所以分享这个组件，是因为我不胜枚举复杂的示例来完成这项简单的工作。 因此，在解释过程中，我将尽量做到简单。 Google Autocomplete组件不过是官方Google Places API的Vue.js包装器。 尽管使用Vue.js编写了演示，但可以从任何JS框架提取Autocomplete对象。 要求 您将必须安装Vue＆Vuemit： npm install vue -- save npm install vuemit -- save 用于管理google组件与其父组件之间的事件。 注意：如果碰巧正在使用Vue 1.* ，则必须从分支中拉出。 演
elementui el-autocomplete 当输入建议调用了接口后为空时，输入建议的下拉框一闪而过然后为空，去掉这个状态的解决方法
未末的博客
06-11 5350
如图所示，要实现在没有数据的时候就不要闪下面这个加载中， 解决方法步骤： 1.el-autocomplete自带的属性 debounce(输入建议的去抖延时),把它设为0 2.写自定义样式让所有下拉列表隐藏：.el-autocomplete-suggestion{display:none;} 3.在querySearch函数中让数据不为空的下拉列表显示（实现方法是通过自定义class名，然后让指定的class显示） 代码如下 <el-autocomplete pop.
el-autocomplete 模糊查询时 重新赋值 下拉框闪动问题
zw19940808的博客
09-21 754
:debounce="0" 获取输入建议的去抖延时 默认为300 设置0即可
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
12-13
官网的demo献上 在elementui Input输入框中可以找到远程搜索组件，获取服务端的数据 官网中的数据list都是写在loadAll()中的，而如果我们此时要用到mock的数据就要在此基础上对代码进行修改。 -mock数据的获取- 我们要获取远程mock中所有学生的学号信息，根据输入的数据来远程查找目标，并且在选中该目标后能够自动填充对应的姓名、生日、手机等信息，实现快速获取信息的功能，再也不用手动一个个去输入所有的数据啦～ 在template中添加el-autocomplete <el-autocomplete placeholder="请输入studentID" v-mo
ElementUi使用el-autocomplete实现搜索建议（无数据匹配+点击clearable清除，不触发下拉选项）
小太阳的博客
10-21 8450
ElementUi使用el-autocomplete实现搜索建议（无数据匹配+点击clearable清除，不触发下拉选项）
el-autocomplete没有匹配数据时通过css修改样式显示无匹配数据
a20001999的博客
02-01 867
el-autocomplete没有匹配数据时通过css修改样式显示无匹配数据
element el-autocomplete数据不显示问题
jam476的专栏
01-29 3398
element el-autocomplete数据不显示问题
基于Vue el-autocomplete 实现类似百度搜索框功能
10-16
本文通过代码给大家介绍了Vue el-autocomplete 实现类似百度搜索框功能,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
element el-autocomplete模糊搜索，点击clearable清空后，再输入下拉框不显示
honeymoon_的博客
12-01 3241
（一）问题描述 用element 的输入建议框，实现模糊搜索，在点击清空按钮clearable之后，如果输入框已经是聚焦状态，再次输入时建议框不显示。el-autocomplete组件在执行清除事件时，将activated置为了false。当querySearch执行成功，activated仍为false，所以下拉框不显示。 element官网链接：https://element.eleme.cn/#/zh-CN/component/input （二）解决 给el-autocomplete添加一个ref
el-autocomplete照抄官网demo都不显示值的原因
测试领域专家，多领域测试技术、管理、工具都略懂，略懂一二
05-27 1012
首先官网的写法： 然后为了验证能不能用，我几乎完全复制它所有的内容了，还是没有加载出来 很多网上说的时数据参数要存在{"value"}值，可demo就是value的值啊，为何还是没有显示，直到我看的这个：element 自动搜索 el-autocomplete，不显示结果_扮老虎的猪的博客-CSDN博客 发现它的方法可用，就能实现。 <el-autocomplete style="width: 58%;" v-model="search_text" value-k
element-ui的el-autocomplete不显示下拉框中的数据
caoyuna1998的博客
05-18 1596
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
element 自动搜索 el-autocomplete，不显示结果
扮老虎的猪
09-03 2792
代码： <el-autocomplete style="width: 58%;" v-model="search_text" value-key="address" :fetch-suggestions="search" :trigger-on-focus="false" placeholder="请输入内容" size="small" ></el-autocomplete&
el-autocomplete获取到数据无法展示
babyrita的博客
05-26 763
1、官网的方法，只匹配了开头，如果需要包含及返回，那么改下 -1。superviseObject，是你项目对应的字段。value-key：这个属性对应接口返回到字段。placeholder="请输入内容"
关于el-autocomplete不显示选项的坑
Zero_kuma的博客
01-14 963
要设置value-key才行
elementUI中el-autocomplete和el-select用法和各种坑
最新发布
以马内利的博客
12-22 2413
又或者是如果第一次搜索”北京“，出来北京的列表，选择”北京美丽安全有限公司“后，再次把”美丽安全有限公司“删掉，在弹出的列表中没选择，直接点击旁边，隐藏了列表，再点击提交按钮。但又出现新的问题，打开dialog中首次输入公司，查询出来的列表。但是其他id值没被清空，还是上一次选择的，在提交的时候随便输入一个名字，没选择，对应的id是有值的，还能提交，这就是另外一个bug了。需求：要在文本框中通过输入关键字模糊搜索出一个列表，在列表中选中一个值后，这个选中的对象的其他属性要赋值到提交对象上，用于提交。
el-autocomplete不显示
08-29
您好！对于el-autocomplete不显示的问题，可能有几个可能原因。以下是一些常见的解决方法： 1. 检查数据源：确保您的el-autocomplete组件有正确的数据源。您可以通过`:fetch-suggestions` 属性或 `:suggestions` 属性来绑定数据。确保这些属性正确设置，并且包含可用的建议项。 2. 检查输入值：确保输入值与数据源中的选项匹配。如果输入值与选项不匹配，el-autocomplete可能不会显示建议项。您可以通过监听 `input` 事件来检查输入值，并更新数据源以匹配输入值。 3. 检查样式和布局：检查el-autocomplete组件的样式和布局，确保它们没有被其他元素覆盖或遮挡。您可以使用浏览器的开发者工具来检查元素的布局和样式，并进行相应的调整。 4. 检查组件是否可见：如果el-autocomplete组件被隐藏或设置为不可见，它将不会显示。确保组件的 `v-if` 或 `v-show` 属性正确地设置为可见状态。 如果尝试了以上方法仍然无法解决问题，请提供更多详细信息，例如组件的代码和相关配置，以便我可以更好地帮助您解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值