vue的v-if隐藏不了元素失效问题,因为display:none; 失效,所以元素还显示

简介: vue的v-if隐藏不了元素失效问题,因为display:none; 失效,所以元素还显示

1.开始隐藏echarts的图表没隐藏掉

1. 
    <div class="tableonejjtp" v-if="dasdasadsa1">
        //中间是多个echart可视化的div
</div>

2.后来在网上找了好多方案也没解决掉,最后直接在外层套个div设置if隐藏,简单直接!

 <div  v-if="dasdasadsa1">
    <div class="tableonejjtp">
            //中间是多个可视化图
</div>
</div>

下面总结几个我找答案过程中找到的元素没隐藏成功的可能性因素:


1.display的意思,它代表css的块与行元素的处理,如将块元素,转化成行元素,块级元素,拥有width和height的属性,问题中的display:none没效的原因可能就是因为这个元素并不是一个块级元素


2.可能是元素之前已经设置了 display的类型,然后再动态传参的方法为该元素添加一个display=none的class类名,此时display:none会失效掉。解决方法就是把之前给这个元素设置的display类型给删了就行


相关文章
|
机器学习/深度学习 算法 数据挖掘
【机器学习】算法术语、决策函数、概率模型、神经网络的详细讲解(图文解释)
【机器学习】算法术语、决策函数、概率模型、神经网络的详细讲解(图文解释)
1311 1
|
数据安全/隐私保护
[SWPU2019]你有没有好好看网课? 1
[SWPU2019]你有没有好好看网课? 1
630 1
|
8月前
|
安全 关系型数据库 MySQL
Rocky Linux9 selinux介绍及常见问题排查
SELinux是Rocky Linux 9默认启用的安全模块,通过委任式存取控制(MAC)机制,基于程序域(Domain)与文件类型(Type)的策略规则,实现对系统资源的精细化访问控制。相比传统DAC,SELinux即使root也无法绕过权限限制,显著提升安全性。其核心组件包括主体、目标、政策和安全上下文,配合`setroubleshoot`、`auditd`等工具可高效排查“403 Forbidden”等常见问题。通过`restorecon`、`semanage`修复文件类型,或使用`setsebool -P`调整布尔值,可在不关闭SELinux的前提下解决服务权限需求
|
Java 索引
Java ArrayList中的常见删除操作及方法详解。
通过这些方法,Java `ArrayList` 提供了灵活而强大的操作来处理元素的移除,这些方法能够满足不同场景下的需求。
861 30
|
存储 供应链 前端开发
如何开发一套仓库管理系统?(附架构图+流程图+代码参考)
仓库管理系统(WMS)是现代企业高效管理库存、出入库及仓储操作的关键工具。本文介绍WMS的核心功能,包括仓库管理、库存调拨、出入库操作、盘点及数据统计等模块,并详细解析其业务流程与开发实现方法。通过WMS,企业可提升仓储效率、减少错误与成本,优化供应链管理。此外,文章还提供系统开发技巧与常见问题解答,助力企业构建高效、智能的仓库管理系统。
|
人工智能 缓存 数据可视化
Java基准测试工具JMH使用
Java基准测试工具JMH使用
663 0
|
JavaScript
vue2路由懒加载解决import引入报错问题
本文介绍了在Vue2项目中实现路由懒加载的方法,并解决了使用import语句进行懒加载时报错的问题。通过安装`babel-plugin-syntax-dynamic-import`插件并在项目的`.bablerc`文件中配置,可以成功实现路由组件的按需加载。同时,文章还提到了使用`webpackChunkName`为懒加载的组件指定单独的chunk名称,以避免所有组件被打包到同一个js文件中。
1379 4
|
安全 Java 关系型数据库
代码规范Java阿里巴巴
本文介绍了阿里巴巴的《Java开发手册》,这是一份业界公认的代码规范手册,涵盖编程规约、异常日志、单元测试、安全规约、MySQL数据库、工程结构、设计规约七个维度。手册通过强制、推荐、参考三大类规约,详细指导开发者编写高质量的Java代码。文中还提供了常见问题的正反例对比,如方法参数类型一致性、SimpleDateFormat线程安全等问题的解决方案。此外,还介绍了如何安装和使用阿里规范插件来提高编码效率。
2347 9
|
JavaScript
vue点击瞄点平滑滚动 | 锚点随页面滚动高亮显示 | 点击平滑滚动到页面顶部
vue点击瞄点平滑滚动 | 锚点随页面滚动高亮显示 | 点击平滑滚动到页面顶部
743 1
|
前端开发 搜索推荐 开发者
前端基础(三)_路径(绝对路径、相对路径)、语义化、特殊字符
本文介绍了前端开发中的路径概念(包括绝对路径和相对路径)、HTML的语义化以及特殊字符的使用。文章解释了绝对路径和相对路径的区别和应用场景,阐述了HTML语义化的意义和好处,并通过示例代码展示了如何在HTML中使用特殊字符。
1837 0

热门文章

最新文章