vue配置文件自动生成路由和菜单实例代码

vue配置文件自动生成路由和菜单实例代码,博智网带你了解详细信息 。
目录

  • 写在前面
  • router.json
  • 路由生成
  • 菜单生成
  • 效果
  • 总结

写在前面
每次重复写路由的时候是不是会觉得很烦,特别是项目大的时候,路由会有特别多,看都看不过来,所以这里我是有了一个router.json的配置文件来对路由做一些简单的配置,然后让路由和左侧菜单栏可以同时生成 。
vue配置文件自动生成路由和菜单实例代码


vue配置文件自动生成路由和菜单实例代码


vue配置文件自动生成路由和菜单实例代码


vue配置文件自动生成路由和菜单实例代码


左侧菜单便是自动生成的,点击菜单栏也会跳转到对应的路由地址,当然,样式有点丑,但样式的话可以自己后续再调整 。
这样的话,我们新加菜单的时候只需要在配置文件中配置好,就可以直接写编写页面,这样也给我们省下了很多时间 。
总结【vue配置文件自动生成路由和菜单实例代码】到此这篇关于vue配置文件自动生成路由和菜单的文章就介绍到这了,更多相关vue自动生成路由和菜单内容请搜索趣讯吧以前的文章或继续浏览下面的相关文章希望大家以后多多支持趣讯吧!

    推荐阅读