首页 > 其他分享 >el-input el-tree组件 问题:blur先于click触发怎么解决

el-input el-tree组件 问题:blur先于click触发怎么解决

时间:2024-01-26 18:12:18浏览次数:20  
标签:el 触发 tree blur 组件 input click

页面构造

 使用mousedowm触发比blur更早,因为是组件所以得使用native,prevent 阻止默认事件

然后this.$refs.parentInput.focus();让焦点保持,点击展开或关闭箭头时候让焦点存在,点击节点的时候让页面关闭

要兼容筛选效果,做了一个临时tempNode用于存放之前选择的对象,这样当在未进行选择的时候让当前的值等于tempNode,又不影响搜索,借鉴element 搜索处理方式

 

标签:el,触发,tree,blur,组件,input,click
From: https://www.cnblogs.com/yeyiyeyi/p/17990391

相关文章

  • Cybellum—信息安全测试工具
    产品概述    由于软件和数据在汽车上的使用越来越多,汽车越来越“智能化”,汽车行业面临着重大的信息安全挑战。2021年8月,ISO/SAE21434正式发布,标准中对汽车的信息安全提出了规范化的要求,汽车信息安全不容忽视。    Cybellum是一款信息安全测试与管理工具,帮助汽车O......
  • The artifact mysql:mysql-connector-java:jar:8.0.33 has been relocated to com.mys
    Theartifactmysql:mysql-connector-java:jar:8.0.33hasbeenrelocatedtocom.mysql:mysql-connector-j:jar:8.0.33:MySQLConnector/Jartifactsmovedtoreverse-DNScompliantMaven2+coordinates.1.异常信息Theartifactmysql:mysql-connector-java:jar:8.0.33hasb......
  • Excel 拖动复制公式不改变单元格的相对坐标
    Excel的公式中,如果标记了单元格的坐标。那么在拖动复制公式到其他的单元格的时候,公式里面的单元格的坐标会相对的发生变化。但是有的时候我们需要引用固定单元格上的值,不希望这些坐标发生变化,此时需要在坐标前面加‘$’号,将坐标固定,需要固定行或者列,都可以单独的在行或者列前面加......
  • selenium介绍及编写用例
    Selenium 是一个用于自动化测试Web应用程序的工具集。它可以模拟用户在浏览器中的操作,例如点击按钮、填写表单、登录等。Selenium支持多种浏览器,包括 Chrome、Firefox、IE等,并提供了多种编程语言的API,例如 Python、Java、C#等。使用Selenium,开发人员可以编写自动化测试脚......
  • 【C++】 select函数介绍
    在使用C++语言开发网络应用程序时,常常需要用到select函数。select函数是一种多路复用机制,可以同时监听多个文件描述符上可读、可写、异常等事件,从而让程序能够高效地处理多个连接。下面详细介绍C++中的select函数。1.select函数的定义和作用select函数的定义为:intselect(intn......
  • ARC101E Ribbons on Tree
    思路直接正着考虑合法的方案数不是很好做,那么正难则反,可以用总方案数减去不合法方案数,这样容斥一下就能得到答案了。设\(F(S)\)表示集合\(S\)中的边不被覆盖的方案数。那么最后的答案就是\(\displaystyle\sum_{S\subseteqE}(-1)^{|S|}F(S)\)。再思考\(F(S)\)怎么求。......
  • 封装Excel读取,导出(实体类集合List、DataTable、DataGridView、实体类集合和DataTable
     1、引入使用 #region读取excel///<summary>///根据Excel和Sheet返回DataTable///</summary>///<paramname="filePath">Excel文件地址</param>///<paramname="sheetIndex">She......
  • c# 数据放入excel导出,卡顿
    前言:导出数据到Excel,导出的时候特别卡顿原代码:usingSystem;usingSystem.Collections.Generic;usingSystem.Data;usingSystem.Linq;usingSystem.Text;usingSystem.Threading.Tasks;namespaceIPC.Helper{classExcelExportUtil{publicstatic......
  • 使用Java读取Excel文件数据
    通过编程方式读取Excel数据能实现数据导入、批量处理、数据比对和更新等任务的自动化。这不仅可以提高工作效率还能减少手动处理的错误风险。此外读取的Excel数据可以与其他系统进行交互或集成,实现数据的无缝传输和共享,满足特定项目的需求。本文将从以下三个方面介绍如何通过Java......
  • Excel表格转GDScript插件的使用 学习笔记
    【【蘩】[Godot教程]Excel表格转GDScript插件的使用】ConfigHelper导出生成在excels文件夹下。添加新的字符串。导出表格,会被忽略掉的(如注释内容)"ignore":true......