当前路由下进行跳转

业务需求是点击收入类预算,可以将当前的路由进行一次跳转。效果是刷新当前路由,并且将高亮恢复到第一个默认值

标题使用了element ui组件的面包屑。问题是出在当前的路由,因为vue-router会自动识别是否是当前路由,如果是点击当前的路由是不会发生跳转。

最初使用了页面刷新的效果,发现用户体验度很低,而且页面上会出现空白。

网上查到了方法,点击时将页面写一个空白的路由通过路由传参的方式,将路由跳过去,并把path和name传递过去。


面包屑组件

通过点击事件将数组内的path和name值传过去

跳空白路由

跳路由发现会出现点击时不会进行跳转的问题,使用了this.$nextTick的方法。


跳到空白页之后

肉眼是看不到变化,但是却实现了将当前路由进行跳转的功能

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 有家不像家怎可称之为家?难道就因为有几个人组合在一起吗?组合的方式多了,没有感情,没有交流,没有共同的目标,再怎么...
    寻找爱阅读 518评论 0 0

友情链接更多精彩内容