1.el-menu上加上@select='selectmenu' 2.methods里面加入selectmenu方法 selectmenu (index, indexPath) { this.activeMenu = index window.localStorage.setItem('activeMenu', this.activeMenu) },
el-menu的default-active属性支持默认选中项,切换时也会自动切换这个效果,然鹅,如果你直接访问不是默认选项的地址,就尴尬了;此时就需要动态选中默认项。 如果换成下面的写法就美滋滋啊,router属性还可以让页面直接跳转;$route.path与数据无关,而是当前页面的地址. <el-menu:default-active="$route.path"router><el-...
export default { name: "Home", components: { MdComponent: () => import(`src/assets/md/Default.md`) }, data() { return { mdMenu: [], isComponent: false, defaultActive: null }; }, watch: { $route(to) { this.defaultActive = to.path.split("/")[1]; if (to.path === "/...
--default-active 表示当前选中的菜单,默认为 home。 collapse 表示是否折叠菜单,仅 mode 为 vertical(默认)可用。 collapseTransition 表示是否开启折叠动画,默认为true。 background-color 表示背景颜色。 text-color 表示字体颜色。--> <el-menu :default-active="menuActiveName || 'home'" :collapse="!foldAs...
el-menu default-active="1-4-1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :collapse="isCollapse"> <el-submenu index="1"> <template slot="title"> <i class="...
:router决定导航栏是否开启路由模式,即在菜单item上设置路由是否生效,值为boolean类型--><el-menudefault-active="0"class="el-menu-vertical-demo":collapse="isCollapse":router="true"><!--index设置当前item的下标,:route则是传一个对象进行,指定路由--><el-menu-itemindex="0":route="{name:'Index'}...
activeMenu:通过 meta.activeMenu 属性,指定路由对应的高亮菜单,meta.activeMenu 需要提供一个合法的路由,否则将不能生效 isCollapse:NavBar 中点击按钮,会修改 Cookie 中的sidebarStatus,从 vuex 取值时会将 sidebarStatus 转为Boolean,并判断默认是否需要收缩左侧菜单栏 showLogo:判断 settings.js 中的配置项是否需要...
el-input 直接加 v-model.trim 会导致输入框无法输入空格,这样字符串中间的空格也不能输入了,人家隔壁 iview 都是可以的 Menu el-menu 菜单组件刷新或者跳转到其他菜单,不能自动展开和选中当前菜单项,加一个属性 :default-active="route.path"就可以解决了,iview里要自己手动去调一下更新菜单的方法this.refs.menu...
这种方法我不是很推荐,抛开冗余不说,其实不敢保证其生效(依赖element-ui源码的支持程度)。 但是,对于某些使用频率很低但需要动态绑定属性的组件,你可以使用它 比如这个<el-backtop>组件,我可能需要给它绑定一些动态的样式属性 这样你就可给它绑定style