* index:类型为字符串,在每一个el-menu-item组件上都有一个编号,给default-active标记 使用菜单栏进行路由跳转: <el-menu :default-active="this.$route.path"router mode="horizontal"><el-menu-itemv-for="(item,i) in navList":key="i":index="item.name">{{ item.navItem }}</el-menu-item><...
<el-menu-item index="2-4-3">选项3</el-menu-item> </el-submenu> </el-submenu> <el-menu-item index="3"disabled>消息中心</el-menu-item> <el-menu-item index="4">订单管理</el-menu-item> </el-menu> exportdefault{ data() { return{ activeIndex:'1' }; }, methods: { handle...
最近初学vue,试着做一个小项目熟悉语法与思想,其中使用elemen-ui的导航栏做路由跳转切换页面。下面记录一下学习过程 element-ui引入vue项目的用法参考element官网 首先复制官网的例子,在这基础上再修改成我们想要的样子。处理中心<temp elem element em 路由2020-12-29 上传大小:69KB ...
* index:类型为字符串,在每一个el-menu-item组件上都有一个编号,给default-active标记 使用菜单栏进行路由跳转: <el-menu :default-active="this.$router.path" router mode="horizontal"> <el-menu-item v-for="(item,i) in navList" :key="i" :index="item.name"> {{ item.navItem }} </el-...
路由: 1exportdefaultnewRouter({2routes: [{3path: '/',4name: 'Show',5component: Show6},7{8path: '/Emma',9name: 'Emma',10component: Emma11},12{13path: '/Content',14name: 'Content',15component: Content16},17{18path: '/Emergency',19name: 'Emergency',20component: Emergency21},22...