当前位置： 首页 > news >正文

学习笔记——vue中使用el-dropdown组件报错

news 2026/5/24 0:45:50

今天在工作中，发现使用el-select做的下拉框，下拉菜单展开后，鼠标点击下拉框之外的区域时，下拉菜单没有收起。然后，我打开控制台，发现了这个错误。

Uncaught TypeError: Cannot read properties of null (reading 'setAttribute')
    at VueComponent.removeTabindex (dropdown.js:443:1)
    at VueComponent.hide (dropdown.js:369:1)
    at Object.documentHandler (clickoutside.js:39:1)
    at clickoutside.js:25:1
    at Array.forEach (<anonymous>)
    at HTMLDocument.<anonymous> (clickoutside.js:24:1)

一、错误

 二、原因

使用“el-dropdown”组件时，没加上它的子组件“el-dropdown-menu”。

主要原因就是代码迭代过程中，有些代码不需要了，但是为了贪图一时的方便以及未来可能需要恢复原先的代码，并没有完全修改完全。所以出现了错误。

第一次遇到该错误，排查了一个多小时左右，才解决。

 该错误解决后，点击其他区域就不会再报上述的错误了。

理所当然，下拉框也可以在点击其他区域后收起。

相关文章：

学习笔记——vue中使用el-dropdown组件报错

今天在工作中&#xff0c;发现使用el-select做的下拉框&#xff0c;下拉菜单展开后&#xff0c;鼠标点击下拉框之外的区域时&#xff0c;下拉菜单没有收起。然后&#xff0c;我打开控制台&#xff0c;发现了这个错误。 Uncaught TypeError: Cannot read properties of null (re…...

编程日记 2023/6/4 0:32:27

Java之旅（八）

Java 条件运算符 Java 条件运算符用于根据一个条件表达式的布尔值来决定程序执行的流程。条件运算符有三种类型&#xff1a;if、else 和 switch。 if 语句的一般格式如下&#xff1a; if (condition) {// 条件为 true 执行的代码块 } 其中&#xff0c;condition 是一个 bool…...

编程日记 2023/6/4 0:27:26

华为OD机试真题（Java），四则运算（100%通过+复盘思路）

一、题目描述 输入一个表达式（用字符串表示），求这个表达式的值。 保证字符串中的有效字符包括[‘0’-‘9’],‘+’,‘-’, ‘*’,‘/’ ,‘(’， ‘)’,‘[’, ‘]’,‘{’ ,‘}’。且表达式一定合法。 数据范围：表达式计算结果和过程中满足∣val∣≤1000 ，字符串长度满…...

编程日记 2023/6/4 0:22:26

HTML表单标签form分析

说明&#xff1a;在html的标签中&#xff0c;表单标签与后台联系密切&#xff0c;像用户登录、注册&#xff0c;都是用到页面的表单标签&#xff0c;用户将信息填入到表单中&#xff0c;提交到后端业务中校验处理&#xff0c;再将结果反馈给前端页面。 表单内的标签分别有&…...

编程日记 2023/6/4 0:17:25

Qt 项目文件Pri详解

在Qt项目中&#xff0c;pri文件(.pri)是一种类似于makefile的文件&#xff0c;用于定义Qt项目中的编译规则。通常可以用pri文件来配置Qt库、头文件、源文件、链接库等信息&#xff0c;这样可以把这些信息定义在一个文件中&#xff0c;避免在每个工程中都进行重复配置&#xff0…...

编程日记 2023/6/4 0:12:24

Keil 5 MDK 发律师函警告了，如何用STCubeIDE开发标准库的程序（STM32F103C8T6为例）

用STCubeIDE进行标准库开发 1、CubeIDE介绍 https://www.stmcu.com.cn/ecosystem/Cube/STM32CubeIDE 2、CubeIDE下载 点击上面的链接&#xff0c;登录即可下载 3、搭建Demo工程 新建一个工作空间 创建一个工程 选择芯片-STM32F103C8T6 填写工程信息 添加标准库到工程 标…...

编程日记 2023/6/4 0:07:23

接口测试--apipost接口断言详解

在做接口测试的时候&#xff0c;会对接口进行断言&#xff0c;一个完整的接口测试&#xff0c;包括&#xff1a;请求->获取响应正文->断言。 一、apipost如何进行断言 apipost的断言设置实在后执行脚本中进行编写的。apipost本身提供了11中断言&#xff1a; apt.asser…...

编程日记 2023/6/4 0:02:22

YYDS练手 130道python练习题 完整版PDF

近年来&#xff0c;Python在编程语言界里赚足了风头&#xff0c;无论是受欢迎程度&#xff0c;还是薪资待遇&#xff0c;都非常可观&#xff0c;相应的&#xff0c;Python岗位要求也越来越高&#xff0c;无论你是零基础还是老前辈&#xff0c;在Python面试中都不能轻视。 不打…...

编程日记 2023/6/3 23:57:21

2-python的变量类型

内容提要 主要回顾了python中的变量类型&#xff0c;区分它们和c中的区别 python中的数字没有long python中的字符串不能被改变&#xff0c;也就是说不能对其内字符元素进行赋值操作 python中列表的数据类型与c访问方式有一定的区别列表的下标可以是负数&#xff0c;无论正负&…...

编程日记 2023/6/3 23:52:20

Python之并发编程一背景知识

一、开篇介绍 顾名思义&#xff0c;进程即正在执行的一个过程。进程是对正在运行程序的一个抽象。 进程的概念起源于操作系统&#xff0c;是操作系统最核心的概念&#xff0c;也是操作系统提供的最古老也是最重要的抽象概念之一。操作系统的其他所有内容都是围绕进程的概念展…...

编程日记 2023/6/3 23:47:19

Redis分区

分区 Redis是单线程的&#xff0c;如何提高多核CPU的利用率&#xff1f; 可以在同一个服务器部署多个Redis的实例&#xff0c;并把他们当作不同的服务器来使用&#xff0c;在某些时候&#xff0c;无论如何一个服务器是不够的&#xff0c; 所以&#xff0c;如果你想使用多个CPU&…...

编程日记 2023/6/3 23:42:18

代码随想录算法训练营第56天 | 583、72

583. 两个字符串的删除操作 题目描述 给定两个单词 word1 和 word2 &#xff0c;返回使得 word1 和 word2 相同所需的最小步数。 每步 可以删除任意一个字符串中的一个字符。 示例1&#xff1a; 输入&#xff1a; w o r d 1 " s e a " , w o r d 2 " e a t …...

编程日记 2023/6/3 23:37:16

c++输入输出文件操作stream

系列文章目录 C IO库 文章目录 系列文章目录前言一、文件IO概述coutcin其他istream类方法 文件输入和输出内核格式化总结 前言 一、文件IO 概述 c程序把输入和输出看作字节流。输入时&#xff0c;程序从输入流中抽取字节&#xff1a;输出时&#xff0c;程序将字节流插入到输…...

编程日记 2023/6/3 23:32:15

【小呆的力学笔记】非线性有限元的初步认识【三】

文章目录 1.2.2 基于最小势能原理的线性有限元一般格式1.2.2.1 离散化1.2.2.2 位移插值1.2.2.3 单元应变1.2.2.4 单元应力1.2.2.5 单元刚度矩阵1.2.2.6 整体刚度矩阵1.2.2.7 处理约束1.2.2.8 求解节点载荷列阵1.2.2.9 求解位移列阵1.2.2.10 计算应力矩阵等 1.2.2 基于最小势能原…...

编程日记 2023/6/3 23:27:14

python计算闰年

这里说明一下&#xff1a;看到网上很多写python计算闰年的&#xff0c;有很多是不同。 有份省级期刊万年历计算公元1-10000年的闰年 算法如下&#xff1a;4000年停闰一次。区别其他算法&#xff0c;有些是3200年停闰一次。 def division(dividend, divisor) -> bool:"…...

编程日记 2023/6/3 23:22:12

聊聊如何使用Js写一个简单的二级联动和三级联动呢？

前言&#xff1a;咳咳哈&#xff0c;大佬说&#xff1a;"这不是有手就行了&#xff1f;"好吧&#xff0c;这里不做过多罗里吧嗦&#xff0c;真的不过多吹&#xff0c;我们在下面直接上代码上注释。 文章目录&#xff1a; 原Js二级联动实现原Js三级联动实现 一、二级…...

编程日记 2023/6/3 23:17:11

IPv4 和 IPv6 的特点、区别以及在互联网中的应用

在当今互联网时代&#xff0c;IP 地址是连接和通信的基础。IPv4&#xff08;Internet Protocol version 4&#xff09;和 IPv6&#xff08;Internet Protocol version 6&#xff09;是两种常见的 IP 地址版本。IPv4 是最早广泛使用的 IP 地址协议&#xff0c;而 IPv6 则是 IPv4…...

编程日记 2023/6/3 23:12:10

JavaScript处理移动web交互

touch对象和touchevent touch事件 touch对象 每一次发生touch事件时就会产生一个touch对象&#xff0c;类似事件处理函数中的事件对象。 <div class" "><button class"child" style"height: 400px; width: 400px">我是按钮</b…...

编程日记 2023/6/3 23:07:09

4年测试经验，一问三不知，过于离谱...

公司今年要招人&#xff0c;面倒是面了很多测试&#xff0c;但没有一个合适的。一开始想要的就是中级的水准&#xff0c;也没指望来大牛&#xff0c;当然来了更好&#xff0c;提供的薪资在10-20k,来面试的人有很多&#xff0c;但平均水准真的是让人失望。 看简历时很多都写着3…...

编程日记 2023/6/3 23:02:08

Java 与查找算法（2）二分查找

一、二分查找 二分查找&#xff0c;也称折半查找&#xff0c;是一种常见的查找算法。它的思想是将有序数组分成两部分&#xff0c;取中间位置的值与目标值进行比较&#xff0c;如果相等则返回该位置&#xff0c;如果目标值小于中间值&#xff0c;则在左半部分继续查找&#xf…...

编程日记 2023/6/3 22:57:06

使用Python为你的数据分析脚本添加Taotoken大模型智能总结功能

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 使用Python为你的数据分析脚本添加Taotoken大模型智能总结功能 在数据分析工作中&#xff0c;生成图表后&#xff0c;我们常常需要…...

编程新知 2026/5/24 0:12:03

2026年论文党必备：盘点2026年倾心之选的的降AIGC网站

轻松降低论文AI率在2026年已不再是天方夜谭。以下是2026年最炸裂、实测效果显著的降AIGC网站神器&#xff0c;覆盖AI痕迹消除、文本改写润色、降重优化、学术合规检测四大核心场景&#xff0c;帮你稳妥搞定毕业论文。 一、全流程王者&#xff1a;一站式搞定论文全链路 这类工具…...

编程新知 2026/5/24 0:07:56

Unity XLua调试Could not load source问题根因与四层排查法

1. 为什么UnityXLua调试总在“Could not load source”上卡死三年&#xff1f;做Unity热更的开发者&#xff0c;大概率都见过这个红色报错&#xff1a;Could not load source xxx.lua。它不崩溃、不闪退&#xff0c;但断点永远进不去&#xff0c;Lua调用栈里全是问号&#xff0…...

编程新知 2026/5/23 23:10:45

iMLite AI Map 2.1：嵌入式离线地图如何赋能智能穿戴独立导航

1. 项目概述&#xff1a;当智能穿戴“断网”后&#xff0c;如何实现精准导航&#xff1f;作为一名在智能硬件和嵌入式系统领域摸爬滚打了十多年的从业者&#xff0c;我见过太多“伪智能”产品。它们功能花哨&#xff0c;但一离开手机或网络&#xff0c;就立刻变成一块“砖”。尤…...

编程新知 2026/5/23 21:00:16

MQA：全部 Query 共享一套 Key-Value

本文基于昇腾CANN和昇腾NPU&#xff0c;围绕 ops-transformer 仓库的相关技术展开。 MQA&#xff08;Multi-Query Attention&#xff09;走到 GQA 的极端——所有 Query Head 共享同一组 K、V。8 个 Head 还是 32 个 Head&#xff0c;都只存一份。这对 KV Cache 的压力最小&…...

编程新知 2026/5/23 20:15:33

XZ62N,0.7uA静态电流,NMOS输出电压检测芯片

产品概述 这系列芯片是使用 CMOS 技术开发的高精度、低功耗、小封装电压检测芯片。检测电压在小温度漂移的情况下保持极高的精度。输出配置是N-channel open drai 输出。 产品特点 ● 封装&#xff1a;SOT23-3 ● 输出配置&#xff1a;N-channel open drain ● 工作电压&a…...

编程新知 2026/5/23 19:52:22

5步掌握Proxmox-Arm64：在ARM设备上部署企业级虚拟化平台的终极指南

5步掌握Proxmox-Arm64&#xff1a;在ARM设备上部署企业级虚拟化平台的终极指南 【免费下载链接】Proxmox-Arm64 Proxmox VE & PBS unofficial arm64 version 项目地址: https://gitcode.com/gh_mirrors/pr/Proxmox-Arm64 你是否曾想过在树莓派、Rockpi或鲲鹏服务器上…...

编程新知 2026/5/23 19:40:38

互联网软件企业的新建软件系统的缺陷密度

为新建的互联网软件系统设定缺陷密度基线&#xff0c;需要区分其所在的阶段&#xff0c;因为“发布前”和“发布后”的标准差异巨大。同时&#xff0c;也要注意KLOC&#xff08;千行代码&#xff09;和FP&#xff08;功能点&#xff09;这两种常见度量单位。下面是基于最新行业…...

编程新知 2026/5/23 19:19:40

unplugin-dts完整指南：从vite-plugin-dts迁移到通用插件

unplugin-dts完整指南&#xff1a;从vite-plugin-dts迁移到通用插件 【免费下载链接】unplugin-dts An unplugin for generating declaration (dts) files. 项目地址: https://gitcode.com/gh_mirrors/vi/unplugin-dts unplugin-dts是一款功能强大的通用插件&#xff0c…...

编程新知 2026/5/23 17:10:36

2026年实用降AIGC工具：亲测AI率从90%降至4%的靠谱方案

一、前言&#xff1a;2026年毕业必过AIGC检测门槛 2026年国内高校对学术论文的AIGC疑似度审核全面收紧&#xff0c;绝大多数院校都发布了明确的AIGC检测数值要求&#xff1a;985、211院校规定本科论文AI率需低于20%&#xff0c;硕士论文AI率不得高于15%&#xff0c;普通高校也普…...

编程新知 2026/5/23 16:46:31