1. vue项目中使用的element UI导航菜单：官网例子
  2. 导航菜单默认展开主要涉及的关键属性：
    在这里插入图片描述
    default-active与default-openeds的主要区别：
    default-active可以指定默认展开的某个菜单，并对其选中展示，但是其不能对父菜单进行选中展开，如图：
    a、对父菜单进行选中设置，但不可默认展开并选中的格式：
    在这里插入图片描述

b、可默认展开并选中的格式：
在这里插入图片描述
default-openeds可以指定默认展开当前指定的 sub-menu 的 index 的数组，即sub-menu下的所有子菜单；
a、展开指定的一个index数组：
在这里插入图片描述
b、展开多个index数组：
在这里插入图片描述

  1. 最后，default-active还可以指定要展开的url呦。

第一次接触到这一部分，有描述不到位的地方还请各位多多指教，相互学习，共同进步，谢谢！o(￣▽￣)ブ

# elementui # vue.js
Logo
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}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue