解决vue项目 点击相同菜单栏页面不刷新

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决vue项目 点击相同菜单栏页面不刷新相关的知识,希望对你有一定的参考价值。

参考技术A

痛点: 用vue搭建的后台管理系统中,一般点击左侧当前菜单,当前组件是无法刷新的。

问题原因: 点击相同菜单,因为vue的路由机制是处于相同的路由下,路由组件不重新渲染,因此点击相同路由,vue路由系统不做任何的响应。

解决方案思路: vue的路由机制是无法改变的,但是结合我们的项目发现,如果点击相同的路由,我们可以动态的销毁当前组件,再重新加载,这样就达到了重新渲染的效果。

实际操作:

以上是关于解决vue项目 点击相同菜单栏页面不刷新的主要内容,如果未能解决你的问题,请参考以下文章

如何用vue实现二级菜单栏

页面刷新跳转后,导航栏高亮显示跳转前的点击位置

静态页面菜单栏布局整改使用iframeset

vue实战:路由监听

vue菜单切换导航栏不见了

vue项目侧边栏二级菜单只有一个时父级菜单不显示的问题