【elementui+vue】使用导航时设置:default-active=“$route.path“无效的问题

【elementui+vue】使用导航时设置:default-active="$route.path"无效的问题

Hemri_

3188人浏览 · 2022-10-08 13:54:33

Hemri_ · 2022-10-08 13:54:33 发布

$route.path动态获取当前路由路径，刷新页面后导航栏依然无法对应高亮，原因是子导航中的index要与default-active一致，我这里加了个 ‘/’。
1、el-menu中的选项

:default-active="$route.path"

2、子导航

<el-menu-item  :index="'/'+item.path" v-for='item in menuList' :key="item.id">

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}$/, //不连续的两位字母// /^