上一页 1 2 3 4 5 6 7 8 9 ··· 13 下一页
摘要: 在后台项目的实际开发过程中,涉及到表单的部分通常会使用动态渲染的方案进行实现,由后端接口返回表单配置,前端进行遍历渲染。考虑到通用后台需要具备的功能,除了基础的表单项如输入、下拉、多选、开关、时间、日期等,还需要具备上传、富文本框等功能。 首先导入一个百度来的富文本框插件:npm install v 阅读全文
posted @ 2023-09-18 11:40 芝麻er 阅读(1014) 评论(0) 推荐(0)
摘要: 登录后,应有一个主页,可以展示当前用户的一些信息,例如上次登录时间地点、修改手机号、重置密码等简单功能,如图: 首先在views下新建HomeView.vue文件: <template> <el-row> <el-col :span="24"> <!-- user卡片 --> <el-card> < 阅读全文
posted @ 2023-09-15 13:47 芝麻er 阅读(759) 评论(0) 推荐(0)
摘要: 思路:登录后请求用户信息接口,后端返回用户信息中包括权限数组,数据格式be like: 前端对用户信息进行存储(对没错又是假接口): // 获取用户信息 async getUserInfo(mobile) { try { this.loading = true; const res = await 阅读全文
posted @ 2023-09-14 14:26 芝麻er 阅读(794) 评论(0) 推荐(1)
摘要: 首先参阅了以下文档: https://panjiachen.gitee.io/vue-element-admin-site/zh/feature/component/excel.html#excel-%E5%AF%BC%E5%87%BA https://blog.csdn.net/weixin_42 阅读全文
posted @ 2023-09-13 10:46 芝麻er 阅读(531) 评论(0) 推荐(0)
摘要: 先在components下分别创建侧边栏、顶部、布局等组件,用于全局配置: CommonAside.vue <template> <el-menu class="el-menu-vertical" background-color="#282e38" text-color="#f4f4f5" act 阅读全文
posted @ 2023-09-12 17:54 芝麻er 阅读(2512) 评论(0) 推荐(0)
摘要: 准备开始 1. 安装node (node -v查询版本号) (下载地址:https://nodejs.org/en/download/) 2. 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3. 安装 we 阅读全文
posted @ 2023-09-09 17:44 芝麻er 阅读(2761) 评论(0) 推荐(0)
摘要: 1.主页面中导入浮动导航栏(使用vant的粘性布局sticky组件,使首屏下方的导航栏随页面滚动浮动在想要的位置): <template> <div class="app-container"> <!-- 浮动导航 --> <van-sticky style=" z-index: 1; positi 阅读全文
posted @ 2023-06-16 15:03 芝麻er 阅读(2404) 评论(0) 推荐(0)
摘要: 一个简单的递归,记下来方便以后直接抄。 // 树形数组扁平化 const extractTree = (data: TagsParams[]) => { if (!data.length) return []; const list: TagsParams[] = []; const getObj 阅读全文
posted @ 2023-06-16 14:55 芝麻er 阅读(117) 评论(0) 推荐(0)
摘要: 突然觉得好像挺常用的,记下来方便以后抄。 初始数组: const list = [ { id: "1", pid: "" }, { id: "2", pid: "1" }, { id: "3", pid: "1" }, { id: "4", pid: "2" }, { id: "5", pid: " 阅读全文
posted @ 2023-06-16 14:48 芝麻er 阅读(56) 评论(0) 推荐(0)
摘要: 需求: 点击弹出一个弹窗,其中是某个作品内容的海报,需要呈现作品的内容+二维码 思路: 获取作品内容渲染到弹窗中,生成包含分享链接的二维码,将整个界面转为图片,用户可以长按保存,并扫描识别。 方案及步骤: 1.引入html2canvas实现生成图片的功能 npm install --save htm 阅读全文
posted @ 2023-06-16 13:47 芝麻er 阅读(575) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 7 8 9 ··· 13 下一页