解决 element.ui 侧边栏设置只显示一个unique-opened 无效

最新推荐文章于 2024-07-19 16:39:13 发布

豆奶dudu

最新推荐文章于 2024-07-19 16:39:13 发布

阅读量5.8k

点赞数 5

分类专栏： web 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_36457584/article/details/107935651

版权

web 专栏收录该内容

43 篇文章

订阅专栏

for 循环拿出来放template里面，:unique-opened = true

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

豆奶dudu

关注关注

5
点赞
踩
3

收藏

觉得还不错? 一键收藏
6
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue-cli（页面侧边栏样式变化--初始化默认路由）unique-opened :default-active

汤姆猫8的博客

10-17

777

路由表： import Vue from 'vue' import Router from 'vue-router' import VueIndex from "../components/VueIndex"; import Error from "../components/Error"; import TradeInfo from "../components/information-center/TradeInfo"; import Price from "../components/informat

Vue/vuex/vue-router/element-ui 一个后台管理系统实现侧边栏和可配置tab标签栏的demo

热门推荐

王小烦的博客

01-28

1万+

自制一个简单demo，实现一个包含侧边栏、tab标签栏的后台管理系统的大致框架，在此做一下总结。先上图项目地址 https://github.com/ekko-wang/vue-elementui-demo 功能点可配置的侧边栏； 侧边栏点击时跳转至相应的router，若没有该标签则新建，已有则激活这个标签；点击标签栏中的标签实现下方的路由跳转；关闭所有标签栏则自动打开至inde...

6 条评论您还未登录，请先登录后发表或查看评论

vue项目中,为什么elementUI中“NavMenu 导航菜单“中的参数unique-opened设置无效?

qq_38686150的博客

08-16

2257

如图所示，设置完unique-opened为true之后，还需要再设置el-submenu或者el-menu-item中index的唯一性，如果index中有一样的，那么设置的unique-opened就会无效

el-menu菜单 -- unique-opened 子菜单唯一性失效

m0_50080847的博客

04-07

1870

总结：点击的是 el-sub-menu 。所以 el-sub-menu 的唯一性是必须的。否则 unique-opened 属性不生效

vue项目中为什么"NavMenu 导航菜单"中的参数unique-opened设置无效?

weixin_34368949的博客

01-31

9003

element-UI导航菜单设置展开时只保持有一个子菜单展开的设置: 我们习惯的是复制下面代码进行细节更改,我开始测试的时候因为后端没有给我接口文档,所以忘记改: index="",所以几个index都是1,所以即使设置了 :unique-opened="true" 也没有实现只一个子菜单打开,纯属马虎,希望大家不要犯一样的错误!!!!! 转载于:https://juejin.im/...

element-plus的menu菜单，使用for循环遍历无法正常高亮显示，unique-opened不生效的原因

m0_52010962的博客

08-09

1142

Vue3使用element-plus组件库的menu以for循环实现菜单栏

笔记4：主页布局-侧边栏【Vue实战项目：电商管理系统（Element-UI）】

未来来

07-12

2447

文章目录1 整体布局2 完成主页-侧边栏2.1 实现基本的主页布局2.2 美化主页header区域2.3 实现导航菜单的基本结构2.4 通过axios拦截器添加token令牌2.5 获取左侧菜单数据2.6 通过for循环渲染左侧菜单2.7 优化右侧菜单展示2.8 实现侧边栏折叠与展开效果2.9 首页路由的重定向效果2.10 侧边栏路由链接改造 1 整体布局 2 完成主页-侧边栏 2.1 实现基本的主页布局在 element ui 官网上查找合适的布局容器 Home.vue <template

vue+element UI导航栏组件多级菜单侧边栏导航封装功能效果

weixin_45852123的博客

09-17

2449

在开发当中会遇到一些组件的封装，侧边栏导航的封装也是很实用的。下面代码拿走直接用！！！ <template> <div> <el-aside width="200px"> <el-menu default-ac

element-ui NavMenu 导航菜单，默认显示多级菜单的第一个页面

jmymy0的博客

06-03

6514

html <el-menu :unique-opened="true" :router="true" background-color="#f6f6f7" text-color="#000" :default-active="routerPath" @open="handleOpen" :default-openeds='defaultOpenedsArray' > <div v-for="(item,taskIndex

使用element-ui的el-menu导航选中后刷新页面保持当前选中状态

01-21

具体代码如下所示：　　　　　　　　　　　　　　　　//router当导航激活时允许以index作为路由进行页面的跳转,$route.path当前路由对象的路径，字符串，绝对路径　　　　　　　　　　　　　　　

element ui 使用导航unique-opened问题

qq_44776709的博客

01-18

2298

改为前面要加上冒号！！！加上冒号后不报错了，但是点一个所有栏目会全部展开父级栏目也要有对应的index

elementui unique-opened侧边栏菜单，是否只保持一个子菜单显示

wang_59881的博客

01-04

5188

vue+elementUI中 menu unique-opened属性可以控制菜单侧边栏显示，是否只显示一个子菜单设置 :unique-opened=“true” <el-menu :default-active="$route.path" :collapse="isCollapse" :background-color="variables.menuBg" :text-color="variables.menuText" :u

el-menu弹出菜单样式不生效

最新发布

qq_38436431的博客

07-19

1285

修改弹出框元素不在el-menu样式中，我们需要在中修改样式！

实现侧边栏菜单（sidebar-item）中每次只打开一个子菜单项，并且当一个新的子菜单项被打开时，其他已经打开的菜单项自动关闭

m0_67352892的博客

11-15

681

设置 :unique-opened=“true”可以控制菜单侧边栏显示，是否只显示一个子菜单。vue+elementUI中 menu。unique-opened属性。

element-ui 相关属性

qq_46100747的博客

03-23

135

:unique-opened="true" 是否只保持一个子菜单的展开或者这样用unique-opened 文字内容等不能选中 /* 文字不能被选中 */ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; ...

前后端分离——element ui问题记录

Beam

10-30

3737

一、菜单路由跳转要实现路由跳转，先要在el-menu标签上添加router属性。然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路由跳转。当然也可以在每个el-menu-item标签内的router属性设置一下url即可实现点击跳转切优先级较index高。二、是否只保持一个子菜单的展开配置时报错配置：<el-...

【element-plus】中菜单栏（el-menu）常用

qq_44971635的博客

12-02

6184

elment-plus中el-menu常用的使用

vue项目-element UI-NavMenu 导航菜单始终只展开一个

weixin_44867717的博客

09-21

5773

vue项目-element UI-NavMenu 导航菜单始终只展开一个全局搜索:unique-opened找到该配置将其改成true unique-opened：是否只保持一个子菜单的展开 <template> <div class="container"> <el-menu default-active="2" class="el-menu-vertical-demo" :unique-opened="true"