摘要: # 路由权限的实现与动态导航的渲染 ## 1. 作用 1. 对于管理系统,不同的账号有不同的权限,登录后所看到的内容自然也应该不同。 2. 所以这里就要根据账号的角色渲染不同的导航,有些路由就不能访问。 ## 2. 处理路由,形成不同的权限。 ### 1. 拆分路由 1. 把路由拆分成不同的模块,每 阅读全文
posted @ 2023-06-06 13:51 Lyc1cccccccc 阅读(17) 评论(0) 推荐(0) 编辑
摘要: # axios 的三层封装进阶版 ## 1. 用处 1. 在做项目的时候频繁的去调接口其实非常麻烦,这种重复的工作就需要axios的三层封装来解决。 ## 2. 简单版的三层封装实现 ### 1. 第一层 1. 第一步当然是安装引入axios了 > yarn add axios - 创建一个js文件 阅读全文
posted @ 2023-06-06 13:48 Lyc1cccccccc 阅读(37) 评论(0) 推荐(0) 编辑
摘要: # Axios三层封装 在实际项目中axios都是要经过封装再使用的,企业级项目一般都是三层封装 ## 1. 工具函数层 对axios工具进行增强,如:设置公共的请求服务器、设置请求拦截器、设置响应拦截器… 1. 创建一个文件夹utils,用来放axios。 2. 创建文件,随便取名,这里我取req 阅读全文
posted @ 2023-05-31 11:32 Lyc1cccccccc 阅读(20) 评论(0) 推荐(0) 编辑
摘要: # Vue基本知识1,安装创建以及常用指令 ## 1. Vue的概念 1. 概念 vue是一个渐进式的JavaScript开发框架;基于MVVM实现数据驱动的框架 [官网](https://cn.vuejs.org) 还可以用来做SPA(single page web application): 一 阅读全文
posted @ 2023-05-30 09:22 Lyc1cccccccc 阅读(75) 评论(0) 推荐(0) 编辑
摘要: # ElementUI的form表单验证注意事项 ## 1. 踩过的坑,记录一下。 1. 验证表单时一直提示必填项未填写,实际已经填写了。 ## 2. el-form的正确使用流程 1. el-form就是最外层的form表单,做验证有`三个必填属性`,不填写验证就会不正确。 - ref属性:相当于 阅读全文
posted @ 2023-05-30 09:18 Lyc1cccccccc 阅读(29) 评论(0) 推荐(0) 编辑
摘要: # JavaScript深拷贝的实现; 这里记录一下`手写递归`的方式实现`深拷贝` 1. 创建克隆函数 ```js function cloneDeep(obj) { } ``` 2. 函数内创建一个变量; 用来接数据 ```js let newObj = null ``` 3. 判断传入的参数是 阅读全文
posted @ 2023-05-30 09:17 Lyc1cccccccc 阅读(3) 评论(0) 推荐(0) 编辑
摘要: # echarts图表库插件的使用 常见图表库:` echarts` , `antv`(蚂蚁金服做的). `datav ` (阿里体系的) 国际上: `d3` ds.js ## 1. 什么是echarts图表 ECharts是一款基于javaScript的数据可视化图表库,提供直观,生动,可交互,可 阅读全文
posted @ 2023-05-30 09:15 Lyc1cccccccc 阅读(12) 评论(0) 推荐(0) 编辑
摘要: # yarn安装报错网络问题解决方案 报错为 > info There appears to be trouble with your network connection. Retrying... ## 解决方案: `更换安装依赖的镜像,使用淘宝镜像安装` 1. 安装好后更换淘宝镜像 > yarn 阅读全文
posted @ 2023-05-29 19:44 Lyc1cccccccc 阅读(213) 评论(0) 推荐(0) 编辑
摘要: # 面包屑导航的实现 > 记录下做面包屑导航的思路 ## 1. 更改路由,给路由配置meta属性添加对象{title: 名字} ```js {path: '/store', meta: { title: '店铺管理' }, component: () => import('@/views/home/ 阅读全文
posted @ 2023-05-29 13:23 Lyc1cccccccc 阅读(28) 评论(0) 推荐(0) 编辑
摘要: WEUI的使用方法; 交互以及屏蔽或者修改深色浅色模式 随笔一记, weui的使用方法, 以防之后使用浪费时间 对于减轻工作量还是有帮助的; 所以记了下来; 节省以后的时间 1. 引入 通过CDN的方式引入; 交互效果也是需要引入的, 下面再记 <!-- 引入 WeUI CDN 链接 --> <li 阅读全文
posted @ 2023-05-11 16:00 Lyc1cccccccc 阅读(170) 评论(0) 推荐(0) 编辑