elementui使用:default-active=“onRoutes“不起作用的原因

在Element UI中使用<el-menu>组件时，如果你设置了:default-active="onRoutes"，但发现它不起作用，可能的原因有：

1. onRoutes数据属性未正确初始化或者不是响应式的。
2. onRoutes的值可能在组件渲染后发生了变化，但没有触发视图更新。
3. 可能存在其他的路由或样式覆盖。

解决方法：

1. 确保onRoutes是响应式数据，并且在组件的data函数中正确初始化。

data() {
  return {
    onRoutes: 'your-default-active-menu-item'
  };
}

2. 使用Vue的computed属性来动态更新default-active值，确保其响应式性。

computed: {
  onRoutes() {
    return this.$route.path; // 或者根据实际路由逻辑计算当前激活菜单项
  }
}

3. 如果使用Vue Router，确保正确使用了$route对象来获取当前路由信息。
4. 检查是否有样式或其他CSS规则覆盖了<el-menu>组件的默认激活状态。
5. 确保<el-menu>组件的default-active属性绑定是正确的，没有拼写错误。
6. 如果以上都不解决问题，可以尝试使用Vue的$nextTick方法在DOM更新后手动设置default-active。

this.$nextTick(() => {
  this.$refs.menu.activeIndex = this.onRoutes;
});

确保在正确的生命周期钩子中应用这些更改，如mounted或created，视具体情况而定。