element-ui 设置菜单栏展开

element-ui 侧边栏默认要全部展开怎么做?

element-ui文档中是这么写的

default-openeds 当前打开的sub-menu的key数组

给标签加上这个属性

<el-menu class="el-menu-vertical" @open="handleOpen" @close="handleClose" theme="dark" :default-openeds="openeds">

openeds需要在data里面定义一下

openeds是一个数组(当前打开的sub-menu的 key 数组)

data () {return {openeds: ['1'],uniqueOpened: false}
}
openeds: ['1'],

:defaultOpeneds=[’…’] 属性内容和下面的 里面的index内容是关联的,两个属性内容是一样的就可以关联了

如果你定义了3个需要展开的菜单导航

openeds: [‘1’,‘2’,‘3’],

这样设置就好
在这里插入图片描述
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/406669.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

简单JS实现走马灯效果的文字(无需jQuery)

效果类似&#xff1a;(抱歉&#xff0c;图片是静态的) 写一段html&#xff0c;需要走马灯上下跳动的内容&#xff0c;但每次只显示一行&#xff1a;<hr size"0" align"center" style"border-top: 1px solid #F5F5F5;"/> <div id"m…

Android Service 生命周期

Android Service的生命周期 Managing the Lifecycle of a Service service的生命周期&#xff0c;从它被创建开始&#xff0c;到它被销毁为止&#xff0c;可以有两条不同的路径&#xff1a; A started service 被开启的service通过其他组件调用 startService()被创建。 这种ser…

新书出版:《Android深度探索(卷1):HAL与驱动开发》

《Android深度探索&#xff08;卷1&#xff09;&#xff1a;HAL与驱动开发》【1】亚马逊【2】当当网【3】京东商城【4】互动网【5】淘宝网【6】豆瓣网 《 Android深度探索&#xff08;卷1&#xff09;&#xff1a;HAL与驱动开发》分为4篇&#xff0c;分别从搭建开发环境&#x…

async-validator 表单验证两种数据的解决方案

上问题&#xff1a; 下面选项中后台给的value 有 number和 string 两种导致无法验证 解决方案 rules: [,{type: "string",required: true,message: 编码项目至少一项,trigger: change,transform(value) {var baseif(value){//在select中转换要加这个判断//因为sele…

米的建站日记(2014年12月15日)

今天试着定义了一个音乐实体如下图&#xff1a; 然后搜了下mongdb数据库层的框架&#xff0c;发现大部分都是用spring的&#xff0c;然后又去找相关的教程和demo&#xff0c;找到了 http://blog.csdn.net/cuiran/article/details/8287204 这篇博文&#xff0c;但是用在我自己的…

RIP实验总结之一被动接口和单播更新

后续的小实验&#xff1a;RIP实验总结之二RipV2的手动汇总RIP实验总结之一rip v2的认证前言&#xff1a;以前觉得rip只需要学NA的那种水平就行了&#xff0c;但在后来自己的许多实验中不断做过不少rip相关的实验&#xff0c;在这总结一下。实验目的&#xff1a;1) 掌握r…

RedHat Enterprise Linux 5下配置Apache+Mysql+Php

第一步&#xff1a;系统与软件的准备 系统版本 redhat enterprise linux v5.3 ,内核版本 2.6.18 第二步&#xff1a;软件包的准备 Apache2软件包&#xff1a;httpd-2.2.13.tar.gz php5软件包&#xff1a;php-5.3.0.tar.gz 第三步, 架设YUM仓库 由于系统连GCC都没有给我们安装&a…

改造input

效果图 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><meta http-equiv"X-UA-Compatible" co…

配置Windows Server2008故障转移集群

Abner Kou原创配置Windows Server2008故障转移集群一、 问题描述建立双节点的Windows Server 2008 故障转移集群&#xff0c;为Hyper-v的高可用和SQLServer集群做好准备。二、 配置集群群前的准备1、 每个节点主机配备至少两块网卡&#xff0c;一块用于连接共享存储&#xff0c…

css3修改input[type=radio]样式

在项目中经常&#xff0c;需要使用单选按钮input[typeradio]&#xff0c;但是浏览器的默认样式可能与我们需要实现的样式差距很大&#xff0c;可以使用css3来实现想要达到的效果&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta cha…

在移动端a、input、label等标签点击后会出现背景阴影问题

解决方法&#xff1a; 将a,input,label{-webkit-tap-highlight-color:rgba(255,0,0,0);} 背景设置成透明的就解决了。

[MODX] 2. Chunks $

Chunk in Modx can cut your template into samll pieces to make code reuseable. [[$chunk_name]] For example we can replace the html header with [[$html_header]], it should work as before. 转载于:https://www.cnblogs.com/Answer1215/p/4174762.html

【转载】async await 的前世今生(Updated)

async 和 await 出现在C# 5.0之后&#xff0c;给并行编程带来了不少的方便&#xff0c;特别是当在MVC中的Action也变成async之后&#xff0c;有点开始什么都是async的味道了。但是这也给我们编程埋下了一些隐患&#xff0c;有时候可能会产生一些我们自己都不知道怎么产生的Bug&…

middlegenidenbsp;nbsp;eclipsenbsp;的插件

eclipse 的插件很好安装的.拖进eclipse的文件夹.加到plugins和features里. 加到eclipse jee里..没反应. 只好加到eclipse j2se里. 可以的. 重要的是这个 学校发的书说只有oracle需要设category和schema. 坑人. 说只就要严谨些 之后的就不用说了 转载于:https://www.cnblog…

C语言正则表达式regex

From: http://hi.baidu.com/david_jlu/blog/item/87ada1dbb9af6a60d0164eda.html 正则表达式在linux下应用非常广泛&#xff0c;经常使用sed、awk、grep、vi、emacs等都支持正则表达式&#xff0c;处理最好的莫过于perl&#xff0c;perl把正则表达式内置到语言内&#xff0c;使…