解决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点击清空按钮,再输入内容下拉框不显示问题。