记录一下element使用过程中遇到的问题;
- 改变样式:推荐用scss命名空间分隔;也可以给组件增加类名;
- 给组件绑定事件,不生效需要加.navite修饰符;
menu菜单问题
- 菜单刷新后高亮及选中
利用default-active属性;绑定vue的路由的path属性;
<el-menu
:default-active="$route.path" // 绑定上路由的path
active-text-color="#ffd04b"
unique-opened // 子菜单只能展开一个
router // 要写
>
菜单的每一项也需要给index属性绑定路由的path;这样才能和default-active对应;即使刷新也能选中上次的路由菜单及展开
<el-menu-item :index="childitem.path">
- 注意:path不能有重复的;不然都会高亮;