关注
分享
小白Rachel
如果现在的一切都还不是你想要的，那就努力吧！也只能努力了!
努力做一个坚持写作＆鸡汤励志的程序媛!
领域：vue 若依 element UI
本人长期在线 欢迎有技术问题的伙伴留言私信哦！主页关注必回关
展开
-
【Vue项目实战8】资源树el-tree的input形式【Element UI】==＞ 添加分级图标样式==＞ 选中节点显示操作栏（新建 修改 删除）==＞弹框新增 删除
上一篇博客我们已经介绍过el-tree样式修改的一种了，这篇博客我们继续整理另一种el-tree样式的优化（1）CSS分层图标和分层样式（以五层为最大）（2）选中节点展示【操作栏】包含：新增子节点，修改当前节点，删除当前节点（3）选中节点 == 修改时回显选中节点和父节点；新增时展示当前节点；（4）新增一级节点（5）父节点使用若依自带的treeselect组件...原创 2022-06-22 17:39:35 · 1874 阅读 · 0 评论 -
【Vue入门实战5】前端各种时间转换操作 ==＞【页面时钟】当前时间计时器 ==＞【秒杀】时间倒计时
【Vue入门实战】前端各种时间转换操作 ==>【页面时钟】当前时间计时器 ==>【秒杀】时间倒计时原创 2022-04-26 16:07:23 · 1666 阅读 · 0 评论 -
【Vue入门实践1】可编辑el-tree样式功能修改：修改icon、可编辑input、修改下拉展开icon位置
本篇文章主要讲解了在vue若依框架中对el-tree和el-table实现修改。主要实现了自定义el-tree样式、el-tree和el-table联动、el-tree编辑树等效果。原创 2022-02-15 14:40:55 · 10989 阅读 · 30 评论 -
【前端大屏实战1】Vue+Echarts -- 大屏简介初体验 =＞ 大屏自适应缩放解决方案 =＞ 使用transform:scale =＞ 组件化抽离ScaleBox=＞【两分钟实现大屏宽高等比例】
【前端大屏实战1】Vue+Echarts -- 大屏简介初体验 =＞ 大屏自适应缩放解决方案 => 使用transform:scale => 组件化抽离ScaleBox=>【两分钟实现大屏自适应】原创 2022-04-25 14:27:51 · 14550 阅读 · 41 评论 -
【Vue项目实践】实现在线预览word文件、excel文件
使用import mammoth from "mammoth";import XLSX from "xlsx";实现页面预览word文件、excel文件原创 2021-12-16 17:50:32 · 13895 阅读 · 39 评论 -
【Vue入门实践2】不调后端接口==＞单纯前端实现添加和删除功能==＞【数组操作】数组的遍历、差集、过滤、切割、添加、删除操作
如果你觉得生活对你做了恶作剧，也许这是让你停下来反省自己的最好时机。假添加删除摘要1.前端假添加// 绑定资源提交2-前端实现假添加- 添加资源账户到tab列表 addToList() { // 把选中数据添加到已绑定账号后面 console.log(this.resourcePzTableData, "添加前数据"); // 两个数组去重-补集 let diff = this.addItem.filter( (i.原创 2022-02-28 17:39:10 · 2020 阅读 · 0 评论 -
【Vue入门实践】Element-UI 树形组件el-tree的组件封装 =＞实现组织机构树Tree =＞ 使用vue-content-menu定制可编辑树结构editableTree
本文主要讲解了基础Element-ui中el-tree组件的使用，包括对组织机构树的组件封装，使用组织机构树进行查询，以及使用vue-content-menu修改editableTree原创 2021-12-03 17:43:52 · 17613 阅读 · 6 评论 -
【Vue入门实践3】不调后端接口==＞el-table单纯前端实现查询和重置功能==＞【el-table组件使用】表格静态前端筛选、查询重置功能
一个人的心理健康程度与接纳痛苦的程度成正比。------感谢自己的不完美目录一、功能效果描述二、el-table自带筛选功能三、前端假查询重置功能1. el-form表单2.el-table表格数据3. search功能4. reset重置功能一、功能效果描述由于数据量较大，每时每分都会产生数据，当前列表只展示进入页面的最新数据。其中的查询和重置功能都是基于当前数据的，所以要求不调接口，只是前端的查询并展示。但是点击刷新按钮，会调接口，请求到最近的数据，此时列.原创 2022-03-02 14:40:45 · 5816 阅读 · 4 评论 -
【Vue入门实践4】el-table和Echarts折线图【表-图两者联动】显示tooltip效果【表-图-表三者联动】展示数据
需求：折线图是根据table的表格数据’环境剂量率‘绘制出来的。仔细看table的高亮哈！！点击table的某一行，对应右侧的折线图显示tooltip，相反的点击折线图的节点，table也会相应的高亮某一行。一、准备工作1.table表格表格数据detailData<el-table :data="detailData" style="width: 100%" class="tabl...原创 2022-03-02 15:07:14 · 5094 阅读 · 5 评论 -
【Vue项目实战7】【ElementUI样式优化】el-tree==＞添加分级图标==＞添加引导线样式==＞【node-click】点击节点展示全部父节点信息==＞使用$store封装全局组件使用
【Vue项目实战7】【ElementUI样式优化】el-tree==>添加分级图标==>添加引导线样式==>【node-click】点击节点展示全部父节点信息==>使用$store封装全局组件使用原创 2022-06-20 15:01:55 · 4249 阅读 · 0 评论 -
【Vue入门实战6】【ElementUI组件使用优化】el-form动态增减表单项==＞ el-table自定义列数并动态加载列 ==＞ 处理后端复杂数据结构==＞回显动态列数据
【Vue入门实战6】【ElementUI组件使用优化】el-form动态增减表单项==＞ el-table自定义列数并动态加载列 ==＞ 处理后端复杂数据结构==＞回显动态列数据原创 2022-05-12 09:04:53 · 3933 阅读 · 0 评论