vue-element-admin后台 点击侧边栏 刷新当前路由

Posted baobao0205

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-element-admin后台 点击侧边栏 刷新当前路由相关的知识,希望对你有一定的参考价值。

解决方法:
  点击侧边栏菜单时,先跳转到Redirect 页面,在Redirect页面再将路由重定向到想去的页面,这样就起到了刷新的效果了。
  Redirect页面和路由配置admin后台自带的有,只需修改 @/views/layout/components/Sidebar/Link.vue 文件 中的 linkProps 方法
弊端:
  第一次点击菜单时也会触发重定向
linkProps(url) {
  if (this.isExternalLink(url)) {
    return {
      is: ‘a‘,
      href: url,
      target: ‘_blank‘,
      rel: ‘noopener‘
    }
  }
  return {
    is: ‘router-link‘,
    to: ‘redirect‘ + url  // 在url前加上‘redirect‘即可
  }
}

 

 

以上是关于vue-element-admin后台 点击侧边栏 刷新当前路由的主要内容,如果未能解决你的问题,请参考以下文章

react + react-router + redux + ant-Desgin 搭建管理后台 -- 处理登录及默认选中侧边栏(六)

wordpress可以从后台wp-login登录,但是主页侧边栏无法登录

vue+elementui搭建后台管理界面(3侧边栏菜单)

vue+element 后台管理系统-折叠侧边导航栏

WordPress后台添加侧边栏菜单

vue07----axiosjsonp插件使用优化数据优化过滤数据点击右侧边栏进行跳转点击侧边栏字母高亮侧边栏控制列表滚动滚动列表侧边栏高亮嵌套路由列表至详情