kunkun的博客

当许多系统的页面数量达到一定规模时，我们会引入菜单收藏功能。其目的在于让不同用户在使用系统时，能够将自己使用频率较高的页面进行收藏添加。这样，下次用户使用时，便可直接通过自己的收藏菜单进入相应页面进行操作。最终效果如下：项目主要由菜单链接添加、收藏菜单添加及收藏菜单渲染及回显三个模块构成。首先需要完成的就是将整个菜单树进行组装，用于勾选相应的菜单进行添加。这个模块中，最为重要的一点是需将后端传递过来的菜单树，借助 Element UI 提供的 组件进行渲染。以下是在 Vue 中渲染菜单树的前端代码如下：

位置可以选择刚刚自定义文件夹中，里面的json文件主要就是对系统中的一些静态名词进行翻译，例如lable=“user”,这里就对user进行相应的国际化翻译。`route: {``dashboard: '首页',`​ `users: '用户管理',``menus: '菜单管理',`在/components/index.js中引入自定义创建文件​ // 英文环境下的语言数据​ en: {​ },​ // 中文环境下的语言数据​ zh: {​ }