12 2021 档案
摘要:一. 三大组件联调 1. 说明 以用户管理为例,调用page-search搜索框组件、page-content内容区域组件、page-modal弹框组件,完成用户管理模块的:表格分页展示、条件搜索、新增用户、编辑用户、删除用户 等通用功能。 2. 实操 (1). 在<template>中依次引入 p
阅读全文
摘要:一. 整体说明 1. 整体规划 首先利用el-table组件 和 el-pagination组件 封装自己ypf-table组件,实现通过传入配置,预留顶部区域插槽,通过传入配置实现表格的显示。 然后封装 page-content组件,该组件基于ypf-table组件。 各组件的调用顺序: ypf-
阅读全文
摘要:一. 整体说明 1. 整体规划 首先利用el-form组件,封装一个 ypf-form组件,可以实现通过传入配置,显示各种Form表单。 然后封装 page-search 搜索框组件,该组件基于 YpfForm 然后封装 page-Modal 弹框组件,该组件基于 YpfForm 各组件的调用次序如
阅读全文
摘要:一. 菜单权限-动态路由注册 1. 核心思路 (1). 首先我们知道不同账号登录,会拥有不同的菜单权限,在前端仅仅需要把有权限的路由注册进去即可,而不是把所有路由都注册了,这就是所谓的动态路由注册。 (2). 前端先把所有的路由都建立出来,然后接口中返回有权限的菜单,这里接口中返回的菜单数据 需要
阅读全文