zou-dev-优快云博客

vue-simple-uploader 是一个基于 Vue.js 的简单文件上传插件，有以下几个特点：1、简单易用：只需在 Vue 组件中使用该插件，并设置相应的配置选项即可实现文件上传功能。2、多文件上传：插件支持同时上传多个文件，可以选择并一次性上传多个文件。3、进度条显示：该插件提供了进度条显示上传进度，让用户清楚地知道文件上传的状态和进度。4、上传前验证：可以通过设置验证规则，对上传的文件进行前端验证。例如，限制文件类型、大小等，以确保只上传符合要求的文件。

2023-09-26 22:51:11 7715 15

原创 vue3自定义指令实现图片懒加载

vue3自定义指令实现图片懒加载

2023-09-07 16:13:41 412

原创 tree结构数据，根据子级某字段参数匹配所有父级的数据

最近在搭建react+antd的后台管理系统模板，碰到面包屑组件，需要根据左侧菜单栏当前选中的数据，再往上查找所有的父节点数据，即可使用下面这种方法返回正确的数据，真实业务场景中这种情况也不少见。废话不多说，直接上代码，CV即可用。

2023-02-23 20:55:41 283

原创 Vue2/Vue3 el-table动态实现生成一级表头或多级表头

Vue2/Vue3 el-table动态实现生成一级表头或多级表头，封装后可持续复用

2022-09-24 17:50:30 3881 6

原创 element el-select 单选或多选时，需要绑定对象解决方法

element el-select 单选或多选时，需要绑定对象解决方法。

2022-08-10 15:53:04 1359

原创 vue3写法递归生成children格式

/** * 生成父子结构数据 * @param asideBarId 顶级id */ const initTree = (asideBarId: any) => { state.asidefilterList = state.asideBarList.filter((item) => item.pid== asideBarId) return state.asidefilterList.map((item) => ({ ...item, chil

2022-04-25 11:29:04 1059

原创 Element-ui表单根据rules校验精准提示未完成信息

主要就是用原生绑定方法获取标签，再取innerText。/**将以下代码放在你想出现提示的方法最前面 */this.$nextTick(function () { setTimeout(() => { let errorDom = document.getElementsByClassName('el-form-item__error')[0]; if (errorDom) { this.$message.warning(er

2022-04-19 16:18:28 608

原创 vue 预览文件

let dataFile = new FormData(); /**拿预览文件的ID */ /**fileId-》文件id */ dataFile.append("fileid", fileId); // this.$axios-》封装的请求方法 this.$axios("请求地址", dataFile).then(res => { let getUrl = '路径' + res.data.result; // 路径拼接后端返回的文件路径 window.open...

2022-02-15 10:59:49 1485

原创 element里的el-menu和vue实现无限级菜单。

这是成果从这引入封装得sideBarCommon组件,.el-menu-item.is-active是当前选中得高亮样式<el-aside> <el-menu :router="true" default-active="1-1-1-1" class="el-menu-vertical-demo"> <menu-tree :menuNavList="menuList"></menu-tree> </el-me.

2022-01-17 17:02:51 1299

原创 vue 导入Excel文件配合接口处理

vue导入Excel文件，获取表格里面的内容，并回显在页面上。

2021-12-02 16:04:01 1695 3

weixin_59423799的博客

原创 Vue 3.5 正式版发布，看看都有哪些更新

原创 Electron 将网址打包成桌面exe

原创 vue首屏加载白屏的优化方式之一（DNS预解析网络资源）

原创 el-tree树结构添加指引线

原创 el-select-v2 虚拟化选择器设置了placeholder占位符但不显示

原创 vue3 ElementPlus el-table使用自定义指令实现滚动懒加载分页

原创 vue3项目使用Echarts图表时不显示tooltip

原创前端获取scss文件中的变量值

原创 echarts 饼图的label在labelLine引导线上方展示

原创使用canvas手动画矩形（写着玩）

原创 el-select滚动底部加载更多-Vue3（ElementPlus版，亲测成功）

原创在vue3项目中实现文件分片上传vue-simple-uploader