在html页面中引用了ElementUI组件通过菜单的点击然后显示不同的标签。
起初采用v-if判断点击导航菜单的值来显示不同组件,但是发现当点击的比较频繁的时候会发生组件的错位
正常的布局是这样的:
在这里插入图片描述
当点击过于频繁就会出现渲染错位,如下
在这里插入图片描述
会发现人员管理的按钮跑到了职位管理。

解决方法是讲v-if换成v-show,因为组件比较多的时候就会出现这种情况。v-if消耗性能小,v-show性能消耗大,但是不会出现上面的那种渲染错误
vue官网关于v-if和v-show的说明
在这里插入图片描述
官网文档地址传送

Logo

「智能机器人开发者大赛」官方平台,致力于为开发者和参赛选手提供赛事技术指导、行业标准解读及团队实战案例解析;聚焦智能机器人开发全栈技术闭环,助力开发者攻克技术瓶颈,促进软硬件集成、场景应用及商业化落地的深度研讨。 加入智能机器人开发者社区iRobot Developer,与全球极客并肩突破技术边界,定义机器人开发的未来范式!

更多推荐