当前位置: 首页 > Web前端 > vue.js

element-ui的NavMenu的使用

时间:2023-03-31 23:53:38 vue.js

NavMenu安装配置npminstallelement-ui-Sglobalimport//main.jsimportElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI)NavMenu导航使用//src/components/NavMenuNavigation1第1组选项1选项2选项3选项4选项1导航2导航三Navigation4以上是NavMenu的默认配置,我们直接复制使用即可。后面会加上路由跳转需要配置一些东西,比如:router和unique-opened。//route/index.js{//默认显示的页面路径:'/',component:()=>import('@/views/Home.vue'),//要在该组件中跳转显示对应的内容需要将组件存放在这个子路由下children:[{//这里的路径和上面NavMenu组件中的index一致path:'1',component:()=>import('@/views/A.vue')}]}完成以上步骤后,可以点击后台管理,主页面内容会跳转(不完整,后续会继续完善)

最新推荐
猜你喜欢