4-1、设置el-menu的active <el-menu:default-active="navselected":active="navselected"@select="selectItems"class="el-menu-admin"theme="dark"router> 4-2、添加变量和改变方法等 exportdefault{ data(){ return{ form:{ name:'', password:'' }, navtype:"horizontal", navselected:"1" } }, met...
default-active属性设置 确保default-active属性的值是一个字符串,且该字符串与某个el-menu-item的:index属性值完全匹配。例如: html <el-menu :default-active="activeIndex"> <el-menu-item :index="'1'">首页</el-menu-item> <el-menu-item :index="'2'">产品</...
就是组件可以在自己的模板中调用自身，递归必须定义name属性（调用组件名和组件属性name名需一致才能实现递归）而且一定要有结束条件，否则组件就会被循环引用最终出现“max stack size exceeded”的错误。10 注意事项：1，刷新定位当前路由，需要在el-menu标签中定义:default-active="$route.path"，这样当你刷新路由时...
由如下代码可知,<el-menu-item :index="child.path"中path表示点击时激活的路由,而我们现在做的是要同步以下路由,我们要改变的是<el-menu>的:default-active="activePath"属性 <el-menu:uniqueOpened="true"class="el-menu-vertical-demo"text-color="#fff"background-color="#272727"active-text-color="#ffd...
1.模拟菜单数据,引入封装组件 <template> <div class="container"> <el-container> <el-header>Header</el-header> <el-container class="container-body"> <el-aside class="menu-container"> <!-- 实现菜单多级分类 --> <el-menu default-active="1-1-1-1" ...
<el-menudefault-active="0" class="el-menu-demo" mode="horizontal" background-color="#545c64" active-text-color="#ffd04b" text-color="#fff" router @select="handleSelect"> <el-menu-item index="1" route="/PP/PP_Order">生产订单</el-menu-item> ...
在el-menu组件里有这样一个属性,default-active用来表示当前激活菜单的 index 1、如果给default-active设置一个默认值,那么刷新页面时,会出现一个问题,即路由地址和菜单对应的index是不一致的。 <el-menu routerdefault-active="/"background-color="#545c64"text-color="#fff"active-text-color="#ffd04b"> ...
<template lang='pug'> section(style='width:210px') el-menu(default-active='menu1' :default-openeds='["submenu1"]' @open='handleOpen' @close='handleClose' @select='handleSelect') el-menu-item(index='menu1') 单项菜单1 el-menu-item(index='menu2') 单项菜单2 el-submenu(index='submen...
- default-active:设置默认选中的菜单项。 - unique-opened:是否只保持一个子菜单展开。 - router:是否开启路由模式,如果开启,点击菜单项会自动触发路由跳转。 下面是使用el-menu的示例代码: html <el-menu :default-active="activeIndex" mode="horizontal" router> <el-menu-item index="home">首页</el-menu...
需求:点击【我的房间】,【首页】高亮 错误做法:点击【我的房间】,修改default-active的值,发现default-active的值改变了,但高亮未生效 正确做法:点...