解决element-plus el-autocomplete点击清空按钮,再输入内容下拉框不显示问题。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决element-plus el-autocomplete点击清空按钮,再输入内容下拉框不显示问题。相关的知识,希望对你有一定的参考价值。

参考技术A 用element 的输入建议框,在点击清空按钮后,如果输入框已经是聚焦状态,再次输入内容时建议框不显示。el-autocomplete组件在执行清除事件时,将activated置为了false。当querySearch执行成功,activated仍为false,所以下拉框不显示。

1、给 el-autocomplete 添加一个 ref 属性

2、清空事件中添加 this.$refs.cautocomplete.activated = true

vue add element-plus 解决menu组件二级菜单失效问题

使用vue3.2+element-plus开发的时候踩的坑:
由于我是 通过vue add 指令下载的element-plus,不知道其他方法是否会有这种情况

menu组件正常使用时不会正常显示二级菜单组件问题如下:

这是正常的组件使用:(二级菜单组件)

这里是控制台报的警告:大概意思就是找不到这个组件!
经过查阅各种相关文档,后来的解决办法竟然是:

把中间的 - 去掉,后面又试了一下竟然可以了
ok此问题解决

vue最新版本的开发与 本地 node版本 、npm版本、vue脚手架版本都有关系

以上是关于解决element-plus el-autocomplete点击清空按钮,再输入内容下拉框不显示问题。的主要内容,如果未能解决你的问题,请参考以下文章

解决vue3+vite+TS 中使用element-plus按需引入 ElLoadingElMessage 样式失效

vue3+typescript element-plus 引入ElMessage, ElMessageBox 样式显示在app标签外部

解决element-plus el-autocomplete点击清空按钮,再输入内容下拉框不显示问题。

本地部署element-plus文档

vue3报错:找不到模块“element-plus”或其相应的类型说明

vue3报错:找不到模块“element-plus”或其相应的类型说明