1、使用 Vue 和 Elementul 构建用户界面,实现交互功能和数据展示;
2、利用 Axios 进行前后端数据交互,确保数据的准确传输和处理;
3、基于 Vue-router 和路由守卫处理接口菜单数据,构建动态路由,根据不同角色展示不同菜单,获得当前
登录用户的权限编码做全局导航守卫来判断是否可以跳转对应路由,实现角色权限控制效果;
4、根据项目需求对 Element-ui 组件进行二次封装,实现功能需求开发,例如基于 Element-ui 的表单组件进
行了抽离封装,把单行文本、多行文本、单选、多选等多种表单类型都抽离整理在表单生成组件里,通过调用
函数时传入不同的表单类型 type 以及其他参数 props,利用 v-if 判断 type 即可生成不同的表单组件,一行
代码生成表单,大大减少重复写表单组件的代码量;
5、由于 Vue2 的数据劫持存在只能对现有对象属性的监听,没法对新添加的属性进行监听,所以使用$set 动
态添加响应式数据,并通过封装深拷贝函数对数据复制,防止影响源数据;声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!

下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论