v-if和v-show的踩坑记录
在html页面中引用了ElementUI组件通过菜单的点击然后显示不同的标签。起初采用v-if判断点击导航菜单的值来显示不同组件,但是发现当点击的比较频繁的时候会发生组件的错位正常的布局是这样的:当点击过于频繁就会出现渲染错位,如下会发现人员管理的按钮跑到了职位管理。解决方法是讲v-if换成v-show,因为组件比较多的时候就会出现这种情况。v-if消耗性能小,v-show性能消耗大,但是不会出现
·
在html页面中引用了ElementUI组件通过菜单的点击然后显示不同的标签。
起初采用v-if判断点击导航菜单的值来显示不同组件,但是发现当点击的比较频繁的时候会发生组件的错位
正常的布局是这样的:
当点击过于频繁就会出现渲染错位,如下
会发现人员管理的按钮跑到了职位管理。
解决方法是讲v-if换成v-show,因为组件比较多的时候就会出现这种情况。v-if消耗性能小,v-show性能消耗大,但是不会出现上面的那种渲染错误
vue官网关于v-if和v-show的说明
官网文档地址传送
「智能机器人开发者大赛」官方平台,致力于为开发者和参赛选手提供赛事技术指导、行业标准解读及团队实战案例解析;聚焦智能机器人开发全栈技术闭环,助力开发者攻克技术瓶颈,促进软硬件集成、场景应用及商业化落地的深度研讨。 加入智能机器人开发者社区iRobot Developer,与全球极客并肩突破技术边界,定义机器人开发的未来范式!
更多推荐
所有评论(0)