element el-autocomplete 不渲染的深坑....

最新推荐文章于 2024-06-05 17:04:13 发布
最新推荐文章于 2024-06-05 17:04:13 发布
阅读量5.6k 收藏 1
点赞数 1
分类专栏： vue 文章标签： element
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42977016/article/details/89081337
版权

项目中，需求要求在input框中输入之后进行联想，我决定使用element ui 的 input中的这个组件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
当我凭着我不甚灵光的脑袋终于想明白了这段代码的意思的时候，出现了一个让我不知所措的问题，我发现联想搜索的值在输入框中显示不出来…我以为自己过滤的有问题，但是返回值是有的。检查html发现条数对，但是里面没有值…
想到差点气死自己之后，去问了厉害的同事，同事说他怀疑是因为element的demo中绑定的是‘value’这个属性，我在项目中修改了这个属性，没有用value，所以渲染不出来…在这里插入图片描述
更可怕的是同事说的是对的…
怀疑自己，怀疑人生…我一个可爱的女孩子为什么要当程序员！！！改行回家卖红薯算了！嘤嘤嘤

吃饱再多吃两口
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
autocomplete 修改 value 是数字时报错问题
05-29
在后台用json序列化后，value 对应的值是数字时就不会加引号，在输入框输入要查询的字符时出现无法转换问题。 现在只是标准的json格式数据都正常使用。
PyPI 官网下载 | django-autocomplete-light-1.4.3.tar.gz
01-27
**PyPI 官网下载 | django-autocomplete-light-1.4.3.tar.gz** 这个压缩包文件`django-autocomplete-light-1.4.3.tar.gz`是Python开发中一个非常重要的资源，它来自于Python的官方包仓库PyPI（Python Package Index...
vue element ui中使用el-autocomplete不渲染数据的问题
yuwenwenwenwenyu的博客
12-17 4196
vue element ui中使用el-autocomplete不渲染数据的问题 在项目开发过程中，因为数据量过大，不方便使用select下拉框，于是想到从服务端搜索数据的el-autocomplete，但是在使用的过程中，el-autocomplete一直不能够渲染数据，后来仔细查阅api发现有一个value-key属性可以解决这个问题。 最主要的是要将node-key设置为你显示的字段名，如...
el-autocomplete 自定义模板 使用 slot-scoped 下拉数据没有显示
最新发布
qq_52038997的博客
06-05 656
如果父组件在此插槽中传递了内容，将会被渲染。如果没有，则使用默认内容。按照官方文档写的自定义模板，下拉列表没有展示出来？
elemetnUI,autocomplete添加clear清除之后，输入后返回数据不渲染
qq_39594951的博客
09-06 413
代码: <el-autocomplete prefix-icon="el-icon-search" style="width:100%;" v-model="searchText" clearable ref="autocomplete" placeholder="请输入需要查找的关键词进行查找" :fetch-suggestions="querySearch" @keydown.enter.native='searchStart'
element-ui 解决 el-select 设置默认值后无法切换选项 或el-input修改值后无法渲染
coffee_2803的博客
04-24 1581
element-ui 解决 el-select 设置默认值后无法切换选项 或el-input修改值后无法渲染 <el-select v-model="ruleForm.region" placeholder="请选择角色" @change="handleSelectChange"> <el-option v-for="item in roleOption" :key="item.id" :label="item.name" .
element ui 表格数据渲染不出来
Raken12的博客
01-14 1万+
在渲染表格数据的时候，发生了一个很奇怪的bug，后台数据能获取到，也能console出来，但是页面就是渲染不出来，不过改变表格的宽度就可以正常渲染， 如图 代码如下： 后来问了一个大佬，原来是table绑定的data的问题 这里：data="[{}]"，之所以这样写，是因为后台返给我的data的数据是个对象，而table只接受数组，但是不渲染的原因也是因为这个。 ...
基于Vue el-autocomplete 实现类似百度搜索框功能
10-16
本文通过代码给大家介绍了Vue el-autocomplete 实现类似百度搜索框功能,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
PyPI 官网下载 | django-autocomplete-light-1.1.4.tar.gz
01-10
**PyPI 官网下载 | django-autocomplete-light-1.1.4.tar.gz** `django-autocomplete-light` 是一个用于 Django 框架的强大的自动完成库，它为开发人员提供了一种简单而灵活的方式，来实现前端输入框的智能提示功能...
Python库 | django-autocomplete-light-3.1.6.tar.gz
05-14
资源分类：Python库 所属语言：Python 资源全名：django-autocomplete-light-3.1.6.tar.gz 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
Python库 | django-autocomplete-light-0.1.tar.gz
05-14
资源分类：Python库 所属语言：Python 资源全名：django-autocomplete-light-0.1.tar.gz 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
2021年12月27日问题记录——element ui 直接赋值页面不渲染的问题
秋风萧瑟
12-27 528
今天使用vue element ui 发现一个问题，就是在表格单选中直接在函数中用this.form.machineId=val.machiId这种赋值方式前端页面并不会渲染数据，但是this.form中确实已经有这个数据了。如下图： 但是要是把赋值方式改成下图这种方式，就可以： 暂时还不知道这是为啥，先记录一下...... ...
vue element-UI 更新输入数据但页面未及时渲染的问题
weixin_40425415的博客
12-28 3339
使用el-select时选中值改变但没有渲染变化 在el-select上绑定change方法，使用this.$forceUpdate()强制更新一下select // HTML <el-select v-model="value" @change="changeSelect" placeholder="请选择"> <el-option v-for="(item, index) in options" :key="index"
vue3使用elemnt-ui无法渲染问题
只想买把蝴蝶knife
03-31 728
这几天没有了解清楚版本问题，在vue3上一直导入element-ui不能使用，但是也不报错，以为是我哪里配置问题，但是运行完全正常。 网页界面显示： 代码显示: 解决办法直接使用element-plus就行了 https://blog.csdn.net/jinzai9976/article/details/115434263 ...
Vue Element UI 表格中的Input输入无法展示（真解，不骗人）
Future1994的博客
11-18 4624
要给input赋值初始值
element ui input输入不生效
weixin_45330738的博客
11-26 1550
element ui 优先处理input事件 所以应该在input上绑定修改值的事件或者方法
vue2.0+elementui 兼容ie以及使用部分内容没有渲染成功
热门推荐
qq_32375417的博客
11-16 1万+
vue2.0+elementui 兼容ie以及使用部分内容没有渲染成功
Elementui输入框/下拉框动态渲染无法选中
qq_38693333的博客
08-13 796
问题描述： 在使用Vue框架和element-ui开发时，下拉框遇见一个问题，其选项是动态渲染的，页面选择时某一选项后，在函数中查看是修改成功了，但在页面中没有及时刷新改变后的值，也就是下拉框值无法选中。 出现原因： 出现这个问题是因为下拉框数据是动态渲染的，因为数据太多或层次太多，render函数没有自动更新，需手动强制刷新所以我直接强制刷新了值，而forceUpdate就是重新render。除此原因之外，还有可能是数据双向绑定的问题，例如v-model=“obj.value”，但data中的obj={
element-ui的el-autocomplete不显示下拉框中的值
要优秀！
04-03 1万+
如图：下拉框中的数组的内容全部获取到了，但是内容就是不显示。 解决：这是el-autocomplete的一个坑，el-autocomplete显示的时候必须有value字段，可以在返回的对象里面手动添加一个value属性， item.value = item.name; 备注：如果一开始显示的时候也没有列表项，也是手动添加value属性。 ...
element ui el-autocomplete
08-12
Element UI 中的 el-autocomplete 是一个自动完成输入框组件，可以帮助用户输入并从预设的选项中选择。 要使用 el-autocomplete 组件，首先需要引入 Element UI 的样式和 JavaScript 文件。然后在您的 Vue 组件中...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值