Vue Element Plus el-select 使用 filterable 搜索下 @blur 事件绑定失效

news2024/12/25 9:53:15

失效原因

使用 filterable 导致 blur 事件绑定在输入框上,而不是整个选择器上

当点击选项时,输入框失去焦点触发 blur 事件

而点击其她位置收起下拉款的时候,并不会触发输入款的 blur 事件

解决方案

使用 element 提供的 visible-change 事件进行绑定

在该事件绑定的函数上添加 visible 参数

当 visible 为 true 时,表示下拉框展开

当 visible 为 false 时,表示下拉框收起

if (visible) {
    return;
}

使用 if (visible) return; 即可使该函数在下拉框展开时不触发,在下拉框收起时触发

      

如果被绑定的函数还需要传递其她参数,默认的 visible 就会失效,需要自行在 data 中定义一个变量对事件进行判断

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2103724.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【嵌入式学习笔记】---- 时钟源时钟树 RCC

微观引入时钟源 在芯片内部,布满了各种逻辑电路,通过数字信号进行通信 假设芯片内部存在如下这种逻辑电路: ①状态:当A、B均输入1时,与门输出1,异或门输出0,故此时寄存器的值为0 ②状态&…

文件被误删?找回电脑删除的文件,这4招很好用

在日常使用电脑的过程中,不小心误删重要文件的情况时有发生,让人心急如焚。但别担心,只要掌握了一些实用的方法,你就有可能轻松找回那些看似已经消失的文件。今天,就为大家分享四招非常有效的找回电脑删除文件的方法&a…

Java笔试面试题AI答之正则表达式(2)

文章目录 7. 简述Java正则表达式零宽断言 ?8. 简述Java正则表达式贪婪与懒惰 ?贪婪匹配(Greedy Matching)懒惰匹配(Lazy Matching)区别与应用示例 9. 简述Java正则表达式POSIX 字符类(仅 US-ASC…

docker安装prometheus、grafana监控SpringBoot

1. 概述 最新有一个需求, 需要安装一个监控软件,对SpringBoot程序进行监控, 包括机器上cpu, 内存,jvm以及一些日志的统计。 这里需要介绍两款软件: prometheus 和 grafana prometheus: 中文名称, 普罗米…

OpenCV 与 Matplotlib 的结合使用:探索有趣的图像处理与可视化功能

本文将讲述,将 OpenCV 与 Matplotlib 相结合,可以充分利用两者的优势,实现丰富多彩的图像处理和数据可视化功能。本文将介绍几种有趣且实用的结合应用,并通过示例代码展示具体实现方式。在今后的博客中会扩展下面的十个基础实现以…

宝贝甜梦秘籍!康姿百德柔压磁性枕豪华款守护成长每一夜

科学护航童年梦!康姿百德豪华柔压磁性枕,给孩子五星级的睡眠享受 孩子的成长过程中,良好的睡眠环境至关重要。而康姿百德柔压磁性枕(豪华款),凭借其独特的设计和材料,成为了孩子成长过程中不可…

乐凡三防平板高性能为稳定运行保驾护航

随着科技进步的浪潮,三防工业平板电脑在自动化生产、设备监控及数据收集等场景中日益彰显其关键作用。但在特定环境,比如户外探险、紧急救援或电力供应不稳定的场合,维持设备的持续运行成为了一大挑战。因此,开发一款配备可更换电…

运动耳机怎么选购?解密最值得购买的五大品牌!

​到了2024年,开放式耳机已经成为耳机界的大热门。它们的好处是,既能让你听得健康,戴着又舒服,还能一边听歌一边留意周围的声音,这对于喜欢户外活动的人来说,能提高安全意识,是个很好的优势。作…

GaussDB关键技术原理:高弹性(三)

书接上文GaussDB关键技术原理:高弹性(二)从优化器剪枝、执行器两方面对hashbucket进行了解读,本篇将从段页式技术方面继续介绍GaussDB高弹性技术。 3 段页式 3.1 段页式存储 根据前文的介绍,hashbucket需要对文…

数据库审计是什么?主要用在哪些场景呢?

数据库审计是什么?主要用在哪些场景呢? 数据库审计 数据库审计是指对数据库系统中的操作进行记录、监控和分析的过程,用于检查和评估数据库的安全性、合规性和完整性。数据库审计可以为组织提供重要的安全保障和合规性需求的满足。本文将介…

嵌入式24千兆电口+4万兆光口管理型三层交换机RTL9301模块

核心模块概述: 嵌入式RTL9301模块可以支持4口万兆上联24口千兆三层管理型以太网交换机,也就是最多可以提供24个10/100/1000自适应电口、4个10 Gb SFP 端口、1个console口、1个USB串口。 完善的安全控制策略及CPU保护策略(CPU protect policy)提高容错能力&#xff0…

LLM大模型学习:LLM常见问题(思维链部分)

1. 什么是思维链提示? 思维链(Chain-of-thought,CoT),指的是一系列有逻辑关系的思考步骤,形成一个完整的思考过程。人在日常生活中,随时随地都会用思维链来解决问题,比如工作、读书经常用到的思维导图&…

【git】git安装方法

1 Git 的下载 这个就需要去 Git 官网下载对应系统的软件了,下载地址为 git-scm.com或者gitforwindows.org,或者阿里镜像(感谢评论区的星悸迷航同学) 上面的 git-scm 是 Git 的官方,里面有不同系统不同平台的安装包和…

Nhanes数据(复杂调查数据)绘制限制立方样条(rcs)函数svyggrcs1.8尝鲜版发布

临床上,因变量和临床的结局有时候不是线性关系,而回归模型有一个重要的假设就是自变量和因变量呈线性关联,因此非线性关系模型用回归分析来拟合受到限制。因此,一个更好的解决方法是拟合自变量与因变量之间的非线性关系&#xff0…

智慧公厕:城市公共卫生管理的新篇章‌@卓振思众

在快节奏的现代生活中,公共厕所作为城市基础设施的重要组成部分,其使用体验和管理效率直接影响着市民的生活质量与城市形象。随着科技的飞速发展,智慧公厕应运而生,它以一种全新的姿态,为城市公共卫生管理带来了前所未…

【吊打面试官系列-Redis面试题】Pipeline 有什么好处,为什么要用 pipeline?

大家好,我是锋哥。今天分享关于 【Pipeline 有什么好处,为什么要用 pipeline?】面试题,希望对大家有帮助; Pipeline 有什么好处,为什么要用 pipeline? 1000道 互联网大厂Java工程师 精选面试题…

ABAP 报错 提示 Use the associated entity XXX

警告,我们可以忽略,但是报错了,却不知道怎么改? 后面发现是 在ABAP里面 对CDS的字段做 substring 或者concat是不允许的

常见加解密算法06 - 分组密码的填充与工作模式

各位英姿焕发,风华正茂的读者们你们好啊,今天我们讨论一下分组密码的填充与工作模式。 分组密码中,需要将明文按指定大小进行分组,由于明文并非指定大小的整数倍,因此在明文的最后一个分组需要将其填充至加密算法所要…

向 ADC 模型和 DAC 建模添加低通滤波器

与单音测试信号相比,双音测试信号可提供更多有关 ADC 性能的信息。您的作者的模型与特定 ADC 的制造商模型非常匹配,因此可以方便地运行误码率模拟。该 ADC 恰好具有非常宽的输入带宽。 对于带宽较低的 ADC,添加如图 1 所示的低通滤波器将提…

[SUCTF 2018]annonymous1

知识点&#xff1a; 匿名函数创建其实有自己的名字&#xff08;%00lambda_%d&#xff09; 进入页面开始代码审计. <?php // 使用 create_function 创建一个匿名函数&#xff0c;该函数调用 die() 函数并执行 cat flag.php 命令&#xff08;在服务器上执行&#xff0c;如果…