默认激活子菜单的第一项

 代码部分:

	<!-- 设置默认选中的选项为1-0 -->
	 <el-menu
	         class="el-menu-vertical-demo"
	         background-color="#eef1f7"
	         text-color="#6c6f72"
	         active-text-color="#ffd04b"
	         unique-opened
	         default-active="1-0"
         >
         <el-submenu index="1"
         >
             <template slot="title">
                 <i class="el-icon-location"></i>
                 <span>2018级班级名单</span>
             </template>
             
             <!--
              	:index="'1-'+index"用于给每个item独有的index值
              	:default-active="'1-' + index"我们查看对应的default-active
             -->
             <el-menu-item 
             			   :default-active="'1-' + index"
             			   :index="'1-'+ index" 
             			   v-for="(item,index) in ListClass2018" 
             			   :key="index" 
             			   @click="getStuList2018(item)">{{item}}</el-menu-item>
         </el-submenu>
     </el-menu>

 在开发者模式我们可以看到default-active的值,并将1-0这一项的状态选中为激活状态(在el-menu中设置)
在这里插入图片描述

效果展示

 默认选中第一项
在这里插入图片描述

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐