elementUI的NavMenu 导航菜单跳转其他页面,保持当前选中状态

elementUI的NavMenu 导航菜单跳转其他页面,保持当前选中状态

需求:

  • 比如跳转某一个页面,已经是选中状态了
  • 那么这时候在选择它里面的其他状态
  • 我们也希望保持同样的选中

实现:
在这里插入图片描述
在这里插入图片描述

步骤:

  1. 把el-menu标签内的:default-active调用变成调用方法
    • 以前:
      在这里插入图片描述

    • 现在:
      在这里插入图片描述

  2. 在方法内判断如果要跳转的页面的路径
  3. 然后return 我们需要显示的那个路径即可
    在这里插入图片描述
  • 我的data
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_42947972/article/details/128344546