前端bug：v-show嵌套组件外层，页面扩大后，组件被遮挡

最新推荐文章于 2024-09-03 11:17:46 发布
最新推荐文章于 2024-09-03 11:17:46 发布
阅读量150 收藏
点赞数 2
文章标签： bug 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43665890/article/details/141854661
版权

在外层套上v-show
在这里插入图片描述
页面扩大到125%后，页码栏被压缩到窗口底部，被遮挡了
在这里插入图片描述

把v-show放到每个内部组件上
在这里插入图片描述

解决了被遮挡的问题
在这里插入图片描述

虽然问题解决了，但是不清楚原理是什么，麻烦路过的大佬指点一下，感谢！！！

海浪在开花
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
四、数据展示组件(1)
rocktanga的博客
11-15 656
四、数据展示 1、Avatar头像 用来代表用户或事物，支持图片、图标或字符展示 何时使用：需要用头像的时候 (0)<Avatar>组件对应的事件 <1>onError事件: 表示图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为.可选值：无；默认值： -；类型： () => boolean。 (1)<Avatar>组件对应属性: 当然Avatar组件里面依然是可以放文字的，放的文字会展示在头像里面。如&lt
巨坑：嵌套Fragment，外层使用replace进行切换，造成内层Fragment被回收、显示空白
Xn的博客
09-08 1791
前言 Fragment切换方法有两种：add和replace方式切换，其中add方法切换不会重新创建Fragment，而replace方式则会重新创建Fragment。 这也就意味着replace方式在从Fragment_1切换到Fragment_2时，Fragment_1会执行onDestroy()和onDetach()方法。 此时，如果Fragm...
前端面试--111
家有佳欣宝贝的博客
12-18 2049
<body> <div id="app"> <input type="text" id="txt"> <p id="show"></p> </div> </body> <script type="text/javascript"> var obj = {} Object.defineProperty(obj, 'txt', { get: function () { return obj },
uniapp 解决长按不松手还能穿透滑动的bug，解决双层弹出层层级问题
weixin_58018769的博客
02-22 991
解决长按不松手还能穿透滑动的bug；解决长按事件和禁止触摸冲突，随便点到图标上滑动就会打开弹窗的bug；解决弹窗不覆盖，呈现叠层的bug
智能小程序小部件(Widget)导航、地图、画布等组件，以及开放能力、原生组件说明
IoT砖家
01-16 1373
智能小程序小部件(Widget)导航、地图、画布等组件，以及开放能力、原生组件说明。
14万字面试题汇总整理，祝你顺利斩获大厂前端offer
热门推荐
孙叫兽的博客
07-17 1万+
Doctype的作用? 严格模式和混杂模式的区分，以及如何触发这2种模式? <!DOCTYPE>声明位于文档中的最前面，处于<html>标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面，是—种要求严格的DTD(Document Type Definition)，不允许使用任何表现层的语法， 混杂模式是—种向后兼容的解析方法。 触发标准模式或者说严格模...
前端最全面试题整理（持续更新）
我是小奶音啊的博客
02-17 5399
此文章的题是同事给我发的一个PDF文档里的题，原版我也不清楚是哪里的，好像是某个培训机构的题库。题比较全，但是原版很多题的答案不是很清晰，在此基础上我重新补充了一下
微信小程序~基础组件
weixin_30662539的博客
06-28 646
（1）视图容器 名称功能说明 movable-view 可移动的视图容器，在页面中可以拖拽滑动 cover-image 覆盖在原生组件之上的图片视图 cover-view 覆盖在原生组件之上的文本视图 movable-area movable-view的可移动区域 scroll-view 可滚动视图区域 sw...
2021-10-24
fomie的博客
10-24 575
目录 JS相关： 5 （1） 闭包 5 （2） 说一下JS中的原型链的理解？ 5 （3）说一下JS继承（含ES6的）–或者人家这样问有两个类A和B,B怎么继承A？ 6 （3） 说一下JS原生事件如何绑定 7 （4） 说一下JS原生常用dom操作方法？ 8 （6） (了解)JS设计模式有哪些(单例模式观察者模式等) 8 （7） 说一下你对JS面像对象的理解 9 （8） 说一下JS数组常用方法（至少6个） 9 （9） 说一下JS数组内置遍历方法有哪些和区别 9 （10） 说一下JS作用域和作用域链 10 （11
ExtAspNet v2.2.1 （2009-4-1） 值得一看
04-01
ExtAspNet v2.2.1 ExtAspNet是一组专业的Asp.net控件库，拥有原生的AJAX支持和丰富的UI效果， 目标是创建没有JavaScript，没有CSS，没有UpdatePanel，没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, ...
ExtAspNet_v2.3.2_dll
09-29
-修正extjs最新版本(v3.2.2)中的一个bug，如果下拉列表中存在两个相同的Text，则SelectedValue返回值永远是第一个Text的值(feedback:ben.zhou)。 -应用补丁#6593, #6621(feedback:vbelyaev)。 +修正IE7下Grid分页...
前端面试问题（适用于面试回答思路）
yaminne的博客
03-28 4933
原型和原型链 原型：构造函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型。也即，每个构造函数的实例都有一个原型，叫原型对象，由实例对象的内置属性_proto_指向。每个原型都有一个 constructor 属性指向关联的构造函数。 原型用法：构造函数创建的实例可以访问实例的属性和方法，也可以访问原型的属性和方法。对于原型只能访问自己的属性和方法。考虑这一特性，如果对象公有的属性和方法，我们可以添加到原型上面，对象需要的时候直接访问原型的属性和方法就可以。 当读取实
codesys进行控制虚拟轴运动时出现的一些奇怪bug的解释
最新发布
EstrangedZ的博客
09-03 594
使用codesys进行单虚拟轴控制时，出现一些bug——新建工程没有SoftMotion General Axis Pool，并且也无法添加，然后虚拟轴旋转的代码仅能运行在MainTask下面的问题
git进阶·团队开发的时候为何要创建临时分支来修复bug
qq_17355709的博客
09-02 321
在近些年来，团队工作的经验中，我总结出来的是，最好是先创建一个临时分支来修复bug，修复好后，再合并到主分支或目标分支。这样子在多个bug，或者多个功能一起进行开发的时候，可以分别修复，不会影响到主分支或目标分支的上的以及其他临时修复bug分支上的代码。
PyQt6 / PySide 6 实现可拖拽的多标签页 web 浏览器【1】（有 Bug）
2402_84665876的博客
08-29 701
PyQt6 / PySide 6 实现可拖拽的多标签页 web 浏览器【1】（有 Bug）
【测试】bug 相关知识点总结
m0_60462557的博客
08-30 900
bug的概念，描述bug的要素，bug级别，bug的生命周期
记录 PyQt6 / PySide 6 自定义边框窗口的 Bug 及可能可行的解决方案：窗口抖动和添加 DWM 环绕阴影的大致原理
2402_84665876的博客
09-02 803
记录 PyQt6 / PySide 6 自定义边框窗口的 Bug 及可能可行的解决方案：窗口抖动和添加 DWM 环绕阴影的大致原理
「bug」nvitop ERROR: Failed to initialize curses
绿色羽毛
08-29 557
nvitop 作为一个优秀个 Nvidia显卡查询库，简单易用且显示信息十分丰富，相比 Nvidia-smi 更方便，简直是每个 开发人员必备的库，安装也十分方便，直接采用 即可，调用的时候也是直接在 Terminal 中输入 即可，按 Q 键即可退出 nvitopnvitop 虽好用，但难免出问题，在此记录下 ERROR: Failed to initialize (setupterm: could not find terminfo database) 的解决方法： 这个错误表明 curses
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值