首页 > 其他分享 >解决elementui中el-radio报错:Blocked aria-hidden on an element because its descendant retained focus.

解决elementui中el-radio报错:Blocked aria-hidden on an element because its descendant retained focus.

时间:2024-10-29 09:46:51浏览次数:3  
标签:el none because focus deep important 报错 radio

今天在使用elment中el-radio的时候发现控制台报错

最开始以为是自己哪里写错了,但是后面上网查找的时候发现是浏览器的原因

现在来说下解决办法

1、可以使用这么一种组合来解决

/deep/ input[aria-hidden="true"] {
    display: none !important;
}

/deep/.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: none !important;
}

2、也可以使用这种组合


/deep/ .el-radio__original {
  display: none !important; /* 隐藏原生 radio 输入,但仍然允许交互 */
}

/deep/.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: none !important;
}

网上还有一种解决办法,但是我觉得自定义指令比较麻烦,所以这里就不做转载的事了

哦,对了,我使用的是<style lang="less">并且是vue2,请根据您自己的vue版本改写

标签:el,none,because,focus,deep,important,报错,radio
From: https://blog.csdn.net/qq_46335383/article/details/143320412

相关文章

  • IntelliJ IDEA 2024中文激活安装包 IntelliJ IDEA 2024注册码下载 Mac+win
    IntelliJIDEA2024是由JetBrains公司开发的一款功能强大的Java集成开发环境(IDE)。它支持多种编程语言,如Java、Kotlin、Scala等,并提供智能代码补全、实时错误检查、代码重构等高效开发工具。IntelliJIDEA2024还引入了改进的用户界面和增强的性能,优化了开发者的工作体验,支持多种......
  • vue使用element ui绘制界面
    vue使用elementui绘制界面搭建Vue脚手架的过程主要依赖于VueCLI(命令行工具)。下面是一个简单的步骤指南,帮助你快速搭建一个Vue项目。步骤1:安装Node.js确保你的系统上已安装Node.js。你可以在Node.js官网下载并安装它。安装完成后,可以在终端中运行以下命令检......
  • 高校智慧平台SExcelExpErr存在SQL注入漏洞
    0x01阅读须知        本文章仅供参考,此文所提供的信息只为网络安全人员对自己所负责的网站、服务器等(包括但不限于)进行检测或维护参考。本文章仅用于信息安全防御技术分享,因用于其他用途而产生不良后果,作者不承担任何法律责任,请严格遵循中华人民共和国相关法律法规,禁......
  • Laravel报错Call to undefined function Termwind\ValueObjects\mb_strimwidth()解
    Laravel报错CalltoundefinedfunctionTermwind\ValueObjects\mb_strimwidth()通常是因为php的mbstring扩展没有打开解决办法:搜索extension=mbstring去掉前面的;注释符即可,需要注意的是,Laravel开发环境通常是通过phpartisanserve命令运行在命令行中的,所以应该修改php环境......
  • Excel-多表数据查找匹配(VLOOKUP)
    ......
  • 使用 Haskell 实现基础图像识别
    在计算机科学领域,图像识别是一项复杂且广泛应用的任务。虽然Haskell主要以其函数式编程风格著称,但它同样可以用于图像识别。本文将展示如何在Haskell中实现简单的图像处理和识别。Haskell的优势Haskell是一种纯函数式编程语言,具有强大的类型系统和不可变性。这些特性使得......
  • 【JavaWeb】ELK介绍
    1.ELK简介ELK是三个开源软件的缩写,分别表示:Elasticsearch,Logstash,Kibana,它们都是开源软件。新增了一个FileBeat,它是一个轻量级的日志收集处理工具(Agent),Filebeat占用资源少,适合于在各个服务器上搜集日志后传输给Logstash,官方也推荐此工具。Elasticsearch是个开源分......
  • Rust整合Elasticsearch
    Elasticsearch是什么Lucene:Java实现的搜索引擎类库易扩展高性能仅限Java开发不支持水平扩展Elasticsearch:基于Lucene开发的分布式搜索和分析引擎支持分布式、水平扩展提高RestfulAPI,可被任何语言调用ElasticStack是什么ELK(ElasticStack):Elasticsearch结合Kibana、Log......
  • 《Dead Cide Club死神俱乐部》报错大揭秘:innocallback.dll文件丢失的解决办法
    对于热爱《DeadCideClub死神俱乐部》这款游戏的玩家来说,遇到游戏报错,特别是提示“innocallback.dll文件丢失”时,无疑是一件令人沮丧的事情。然而,不必过于担心,本文将为你揭秘这一问题的原因,并提供详细的解决办法,帮助你迅速恢复游戏的正常运行。一、了解innocallback.dll文件......
  • Python实现图像(边缘)锐化:梯度锐化、Roberts 算子、Laplace算子、Sobel算子的详细方法
    目录Python实现图像(边缘)锐化:梯度锐化、Roberts算子、Laplace算子、Sobel算子的详细方法引言一、图像锐化的基本原理1.1什么是图像锐化?1.2边缘检测的基本概念二、常用的图像锐化算法2.1梯度锐化2.1.1实现步骤2.2Roberts算子2.2.1实现步骤2.3Laplace算子2.3.1实......