Vue使用elementUi的导航栏，设置default-active
在Vue中使用Element UI的导航栏组件时，可以通过default-active属性来设置默认激活的导航栏菜单项的index。
以下是一个简单的例子：
<template>
<el-menu :default-active="activeIndex" class="el-menu-demo">
<el-menu-item index="1">处理中心</el-menu-item>
<el-menu-item index="2">订单管理</el-menu-item>
<el-menu-item index="3">配置中心</el-menu-item>
<el-menu-item index="4">日志管理</el-menu-item>
</el-menu>
</template>
<script>
export default {
data() {
return {
activeIndex: '2' // 默认激活的菜单项的index
};
}
};
</script>在这个例子中，导航栏组件初始化时会默认激活索引为2的菜单项，即“订单管理”。你可以根据需要将activeIndex设置为其他的值来改变默认激活的菜单项。
评论已关闭