vue elementui menu导航菜单根据路由变化选中对应项

1、刷新页面，导航菜单选中项恢复成默认设置2、点击页面里的链接跳转到其它页面，但是导航菜单不会自动选中当前项

hyupeng1006

3111人浏览 · 2022-10-17 20:01:45

hyupeng1006 · 2022-10-17 20:01:45 发布

bug出现的两种情况：

1、刷新页面，导航菜单选中项恢复成默认设置

2、点击页面里的链接跳转到其它页面，但是导航菜单不会自动选中当前项

解决方法：

1、设置router为true、 :default-active为 $router.path 如下图标注1

2、el-menu-item 的index 属性设置为当前路由地址如下图标注2

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^