设置el-menu-item的index属性 每个el-menu-item的index属性应该设置为Vue Router中定义的路由path。 (可选)设置el-menu的default-active属性 为了在页面刷新时保持el-menu-item的激活状态与当前路由相匹配,可以将el-menu的default-active属性绑定为$route.path。注意,由于$route.path是一个动态的值,所以这里需要...
1.要实现路由跳转,先要在el-menu标签上添加router属性,然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路由跳转。 2.导航当前项,在el-menu标签中绑定 :default-active="$route.path",注意是绑定属性,不要忘了加“:”,当$route.path等于el-menu-item标签中的index属性值时...
Bug Type:Component Environment Vue Version:3.5.12 Element Plus Version:2.8.8 Browser / OS:131.0.6778.86(正式版本) (64 位) Build Tool:Vite Reproduction Related Component el-menu-item Reproduction Link Element Plus Playground Steps to reproduce el-menu-item route 不生效 What is Expected? 跳转到对...
1,在el-menu加上router,添加el-menu的default-active属性,加:动态绑定,值设置为"this.$router.path" , 2,将el-menu-item的index设置为路由跳转path,和route.js相对应 代码: <el-menu router :default-active="this.$router.path" class="el-menu-vertical-demo" background-color="#545c64" text-color=...
样式直接参考ElementUI官网即可 布局确定之后需要实现跳转 (1)el-menu添加route属性,属性的使用查看官网介绍呀 (2)每个el-menu-item的index是跳转的路径,可以理解为配置路由中的path (3) default-active:当前激活菜单的index,至当前点击的路由地址,这个是动态的,所以写的时候需要可动态获取 (4)配置路由 当前这个组件...