targetElement.closest

2023-10-27


// 在组件挂载时,给 document 添加点击事件监听
onMounted(() => {
  document.addEventListener('click', closeIdentity)
})

// 点击事件处理函数,用于改变 isExpanded 的值为 false
const closeIdentity = (event: any) => {
  // 获取点击的元素
  const targetElement = event.target
  // 判断点击的元素是否位于 identity-all 元素之内
  if (!(targetElement.closest('.identity-all'))) {
    isExpanded.value = false
  }
}


// 岗位切换是否展开
const isExpanded = ref(false)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

targetElement.closest 的相关文章

随机推荐

  • SQLMAP工具 详细使用方法

    文章目录 SQLMAP简介 SQLMAP支持的注入模式 SQLMAP支持的数据库 SQLMAP安装 Linux Windows 更新 SQLMAP参数详解 使用 Options Target Reques Optimization Inje
  • UnityShader入门精要——透明物体阴影

    透明度测试 Shader Unity Shaders Book Chapter 9 Alpha Test With Shadow Properties Color Color Tint Color 1 1 1 1 MainTex Main
  • 2023最新软件测试面试题(带答案)

    1 请自我介绍一下 需简单清楚的表述自已的基本情况 在这过程中要展现出自信 对工作有激情 上进 好学 面试官您好 我叫 今年26岁 来自江西九江 就读专业是电子商务 毕业后就来深圳工作 有三年的软件测试工程师的经验 我性格比较开朗 能和同事
  • 单例模式-Golang实现

    目录 非线程安全的懒汉模式 线程安全的懒汉模式 使用sync Mutex 互斥锁实现 使用sync Once实现 饿汉模式 比较懒汉模式和饿汉模式 非线程安全的懒汉模式 main go package simple import fmt s
  • Uncaught TypeError:Cannot read property ‘apply‘ of undefined

    报错信息 这是执行了删除功能之后就变成这样了 前端页面显示 一直是读取中状态 报错原因 本来是想做一个状态的效果 选中数据时 删除按钮才可用状态 在前端controller类里面调用了以下方法 忘记去写具体方法了 所以就出现了上面的问题 解
  • ES6 - lterator

    1 迭代器 内部迭代器和外部迭代器 迭代模式 提供一种方法顺序获得集合对象中的各个元素 是一种最简单也是最常见的设计模式 提供特定的接口 内部迭代器 本身是函数 定义好内部迭代规则 外部只需一次初始调用 例如 Array prototypr
  • 一篇关于运放自激振荡的帖子

    在负反馈电路时 反馈系数F越小越可能不产生自激震荡 换句话说 F越大 产生自激震荡的可能性越大 对于电阻反馈网络 F的最大值是1 F 1的典型电路就是电压跟随电路 这就是电压跟随运放易震荡原因 这也是我们常常会看到运放手册标有单位增益稳定说
  • Python 下中文分词算法的简单示例

    代码如下 import jieba 需要先安装jieba库 text Python中文分词是一个很好用的工具 在自然语言处理领域得到了广泛应用 待分词的文本 使用jieba进行分词 cut方法返回一个生成器 遍历该生成器可以得到每个词语 s
  • Python3.5(ANCONDA3)连接MYSQL数据库

    Python3和Python2连接MYSQL数据库稍微不同 我们这里要使用PyMySQL 什么是 PyMySQL PyMySQL 是在 Python3 x 版本中用于连接 MySQL 服务器的一个库 Python2中则使用mysqldb P
  • String字符串常量池

    首先看一段这样的代码 String str1 abc String str2 abc String str3 new String abc System out println str1 str2 System out println st
  • caffe学习(二):利用mnist数据集训练并进行手写数字识别(windows)

    准备数据集 http yann lecun com exdb mnist 提供了训练集与测试集数据的下载 但是caffe并不是直接处理这些数据 而是要转换成lmdb或leveldb格式进行读取 如何转换可以再去查阅相关资料 为简化步骤 直接
  • 【CVPR小目标检测】- ISNet红外小目标检测

    ISNet 红外小目标探测的形状问题 从分割的角度完成小目标红外检测 红外图像 红外小目标使用红外热成像技术 使得红外目标检测能够全天候工作 可视距离远 抗干扰能力强 当像素距离较远时 目标所占比例小 亮度低 呈现弱小目标 红外图像中 弱小
  • 【毕业设计】图像检索算法(以图搜图)

    文章目录 1 前言 2 图像检索介绍 2 1 无监督图像检索 2 2 有监督图像检索 3 图像检索步骤 4 应用实例 5 最后 1 前言 Hi 大家好 这里是丹成学长的毕设系列文章 对毕设有任何疑问都可以问学长哦 这两年开始 各个学校对毕设
  • 线性代数的学习和整理2:什么是线性,线性相关,线性无关 以及什么是线性代数?

    目录 1 写在前面的话 1 1 为什么要先总结一些EXCEL计算矩阵的工具性知识 而不是一开始就从基础学起呢 1 2 关于线性代数入门时的各种灵魂发问 1 3 学习资料 2 什么是线性 关系 2 1 线性的到底是一种什么关系 线性关系 正比
  • Q-learning和Sarsa

    一 Q learning Q Learning的目的是学习特定state下 特定action的价值 是建立一个Q table 以state为行 action为列 通过每个动作带来的奖赏更新Q table 是异策略 行动策略和评估策略不是一个
  • Java实验报告(四)

    文章目录 题目一 题目二 题目三 题目四 题目五 题目六 题目七 题目一 一 程序一 源程序 public class Leaf int i 0 Leaf increment i return this void print System
  • 除了敲代码,程序员还能有什么副业?晓健韩品批发

    积极发展副业中 做韩妆一般贸易进口 跟集装箱通关的 仓库在山东烟台莱山区 做的比较大 价格方面有优势 有需要 可以私聊哈 正品是本分 xiaojian675050734 H19950211H
  • composer 中国镜像

    我的个人博客 逐步前行STEP 使用以下代码将packagist源更换为中国镜像 composer config g repo packagist composer https packagist phpcomposer com 或者 co
  • 【满分】【华为OD机试真题2023 JAVA&JS】不爱施肥的小布

    华为OD机试真题 2023年度机试题库全覆盖 刷题指南点这里 不爱施肥的小布 知识点二分查找 时间限制 1s 空间限制 256MB 限定语言 不限 题目描述 某农场主管理了一大片果园 fields i 表示不同果林的面积 单位 m 2 现在
  • targetElement.closest

    在组件挂载时 给 document 添加点击事件监听 onMounted gt document addEventListener click closeIdentity 点击事件处理函数 用于改变 isExpanded 的值为 false