element-ui中导航菜单默认激活子菜单的第一项

默认激活子菜单的第一项

 代码部分:

	<!-- 设置默认选中的选项为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中设置)
element-ui中导航菜单默认激活子菜单的第一项_第1张图片

效果展示

 默认选中第一项
element-ui中导航菜单默认激活子菜单的第一项_第2张图片

你可能感兴趣的:(前端工具,elementui)